:root{--lala-navy:#102139;--lala-blue:#173954;--lala-accent:#a8cbdf;--lala-ink:#172c40;--lala-muted:#65788a;--lala-line:#dbe5ec}
body.lala-admin{background:#eff4f7!important;color:var(--lala-ink);font-family:Arial,Helvetica,sans-serif!important}
.lala-admin a{color:#285e81}.lala-admin a:focus-visible,.lala-admin button:focus-visible,.lala-admin input:focus-visible{outline:3px solid #77abc9;outline-offset:3px}
.lala-admin .navbar.menu{background:var(--lala-navy);border:0;box-shadow:0 3px 18px #10213920;min-height:96px}
.lala-admin .navbar-header{min-height:96px;display:flex;align-items:center;justify-content:space-between}
.lala-admin .lala-nav-brand{display:flex;align-items:center;padding:10px 26px 10px 0;min-height:96px}
.lala-admin .lala-nav-brand img{width:145px;height:72px;object-fit:contain}
.lala-admin .navbar-nav>li>a{color:#d9e5ee;letter-spacing:.025em;font-size:12px;padding:38px 11px}
.lala-admin .navbar-nav>li>a:hover,.lala-admin .navbar-nav>li>a:focus{background:#24445e;color:#fff}
.lala-admin .navbar-nav>.active>a,.lala-admin .navbar-nav>.active>a:hover{background:#24445e;color:#fff;box-shadow:inset 0 -3px var(--lala-accent)}
.lala-admin .navbar-toggle{float:none;margin:0;border-color:#66849b}.lala-admin .navbar-toggle:hover,.lala-admin .navbar-toggle:focus{background:#24445e}.lala-admin .navbar-toggle .glyphicon{color:#fff}
.lala-admin .dashboard-section{padding-top:125px}.lala-admin .pagebox{background:#fff;border:1px solid var(--lala-line);border-radius:16px;box-shadow:0 10px 32px #15334b0a;padding:28px;margin-bottom:32px}
.lala-admin .panel{border:1px solid var(--lala-line);border-radius:12px;box-shadow:none;overflow:hidden}.lala-admin .panel-heading{background:#f2f6f9;color:var(--lala-ink);border-bottom:1px solid var(--lala-line);padding:16px 20px}
.lala-admin .form-control{border:1px solid #cbd9e3;border-radius:7px;box-shadow:none;color:var(--lala-ink);min-height:42px}.lala-admin .form-control:focus{border-color:#4e8eb5;box-shadow:0 0 0 3px #4e8eb520}
.lala-admin .btn-info,.lala-admin .btn-primary{background:var(--lala-blue);border-color:var(--lala-blue);color:#fff;border-radius:7px}.lala-admin .btn-info:hover,.lala-admin .btn-primary:hover{background:#245371;border-color:#245371}
.lala-admin .table>thead>tr>th{color:var(--lala-ink);background:#f2f6f9;border-color:var(--lala-line)}.lala-admin .table>tbody>tr>td{border-color:#e5edf2;vertical-align:middle}
body.lala-login{background:radial-gradient(ellipse at 15% 0,#244b68 0,transparent 60%),var(--lala-navy)!important;min-height:100vh;height:auto!important;display:grid;place-items:center;padding:36px 20px}
.lala-login-wrap{width:100%;max-width:430px;margin:auto}.lala-login-brand{display:block;margin:0 auto 28px;text-align:center}.lala-login-brand img{display:block;width:290px;max-width:85%;height:auto;margin:auto}
.lala-login-eyebrow{color:#c7dfef;text-align:center;font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px}.lala-login .panel{background:#fff;border:0;border-radius:16px;box-shadow:0 22px 65px #020b1859}.lala-login .panel-heading{padding:25px 30px 15px;background:#fff;border:0}.lala-login .panel-title{font-size:24px;letter-spacing:0;font-weight:600;text-transform:none;margin:0}.lala-login .panel-body{padding:10px 30px 30px}.lala-login label{font-size:13px;font-weight:600;margin:0 0 8px}.lala-login .form-group{margin-bottom:20px}.lala-login .form-control{height:48px;font-size:16px}.lala-login .btn{min-height:48px;margin-top:8px;font-size:15px;font-weight:600}.lala-login-note{font-size:12px;color:#afc8da;line-height:1.6;text-align:center;margin:20px 0 0}.lala-login-note a{color:#d9e8f2;text-decoration:underline}
@media(min-width:768px) and (max-width:1199px){.lala-admin .navbar-nav>li>a{padding-left:7px;padding-right:7px;font-size:10px}.lala-admin .lala-nav-brand{padding-right:12px}.lala-admin .lala-nav-brand img{width:108px}}
@media(max-width:767px){.lala-admin .navbar-header{padding:0 18px;min-height:82px}.lala-admin .lala-nav-brand{min-height:82px;padding:8px 0}.lala-admin .lala-nav-brand img{width:130px;height:62px}.lala-admin .navbar-nav>li>a{padding:13px 20px;font-size:13px}.lala-admin .navbar-collapse{border-color:#36536c;background:var(--lala-navy)}.lala-admin .dashboard-section{padding-top:106px}.lala-admin .pagebox{padding:18px 14px;border-radius:12px;width:calc(100% - 24px)}.lala-admin .table-responsive{border:0}.lala-admin .panel-body{overflow-wrap:anywhere}.lala-login .panel-heading{padding:24px 24px 14px}.lala-login .panel-body{padding:10px 24px 26px}.lala-login-brand img{width:250px}}
