:root{--navy:#071c35;--navy-2:#0b294a;--blue:#1477c9;--cyan:#22b8cf;--gold:#e8b84a;--paper:#f4f7fb;--ink:#13263a;--muted:#627287;--line:#dce5ef;--white:#fff}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--paper);-webkit-font-smoothing:antialiased}.auth-page{min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(440px,1.2fr) minmax(420px,.8fr)}.auth-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(32px,5vw,76px);color:#fff;background:radial-gradient(circle at 15% 85%,rgba(34,184,207,.22),transparent 35%),radial-gradient(circle at 92% 12%,rgba(232,184,74,.16),transparent 30%),linear-gradient(145deg,var(--navy),#092849 62%,#0d365c)}.auth-brand:after{content:"";position:absolute;width:460px;height:460px;right:-210px;bottom:-180px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.brand-lockup{display:flex;align-items:center;gap:18px;position:relative;z-index:1}.brand-mark{object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}.brand-lockup span,.brand-lockup strong{display:block}.brand-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#9fc3df;margin-bottom:7px}.brand-lockup strong{font-size:1.22rem}.auth-message{position:relative;z-index:1;max-width:720px;margin:70px 0}.status-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(255,255,255,.15);border-radius:99px;background:rgba(255,255,255,.06);font-size:.76rem;letter-spacing:.05em;color:#d9eaf6}.status-pill span{width:7px;height:7px;border-radius:50%;background:#67e8a5;box-shadow:0 0 0 5px rgba(103,232,165,.12)}.auth-message h1{font-size:clamp(2.45rem,4.4vw,5.2rem);line-height:1.03;letter-spacing:-.045em;margin:25px 0}.auth-message em{font-style:normal;color:#7dd3e5}.auth-message p{max-width:620px;color:#b8d0e3;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.75}.auth-trust{position:relative;z-index:1;display:flex;gap:clamp(22px,4vw,60px);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:#a9c4d9}.auth-trust span{display:flex;align-items:center;gap:10px}.auth-trust b{color:var(--gold)}.auth-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:46px clamp(28px,5vw,76px);background:linear-gradient(155deg,#fff,#f3f7fb);position:relative}.login-card{width:100%;max-width:460px}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--blue);font-weight:800}.login-card h2{font-size:clamp(1.9rem,3vw,2.65rem);letter-spacing:-.035em;margin:12px 0 8px}.login-card>p{color:var(--muted);margin:0 0 38px;line-height:1.6}.field-group{margin:0 0 20px}.field-group label{display:block;font-weight:700;font-size:.84rem;margin-bottom:9px}.field-control{display:flex;align-items:center;height:58px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:.2s}.field-control:focus-within{border-color:#3b91d2;box-shadow:0 0 0 4px rgba(20,119,201,.1)}.field-icon{width:49px;text-align:center;color:#7a8da1;font-weight:800}.field-control input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;padding:0 16px 0 0;font:inherit;color:var(--ink)}.field-control input::placeholder{color:#9ba9b7}.primary-action{width:100%;height:58px;border:0;border-radius:14px;margin-top:9px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,var(--navy-2),var(--blue));color:#fff;font:700 1rem inherit;cursor:pointer;box-shadow:0 14px 30px rgba(20,119,201,.22);transition:.2s}.primary-action:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(20,119,201,.3)}.primary-action:focus-visible{outline:3px solid rgba(20,119,201,.3);outline-offset:3px}.security-note{display:flex;justify-content:center;gap:8px;margin-top:25px;color:#8190a0;font-size:.77rem}.security-note span{color:#31a474}.auth-panel footer{position:absolute;bottom:25px;color:#8996a5;font-size:.73rem}.mobile-brand{display:none}
body:not(.auth-page){background:#edf3f8}body:not(.auth-page) .navbar-static-top{position:fixed;inset:0 0 auto 0;min-height:68px;border:0;background:linear-gradient(110deg,#071c35,#0b2d50);box-shadow:0 7px 26px rgba(7,28,53,.18);z-index:1030}body:not(.auth-page) .navbar-header{width:252px;height:68px;border-right:1px solid rgba(255,255,255,.09);background:#071c35}body:not(.auth-page) .navbar-brand{width:252px;height:68px;display:flex;align-items:center;gap:11px;color:#fff!important;font-weight:800;padding:8px 18px;letter-spacing:.025em}body:not(.auth-page) .navbar-brand img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.24))}body:not(.auth-page) .navbar-brand span{white-space:nowrap}body:not(.auth-page) .navbar-top-links>li>a{min-height:68px;display:flex;align-items:center;color:#d8e7f2;padding-left:16px;padding-right:16px}body:not(.auth-page) .navbar-top-links img{width:34px;height:34px;object-fit:contain;border-radius:50%}body:not(.auth-page) .navbar-top-links>li>a:hover,body:not(.auth-page) .navbar-top-links>li>a:focus,body:not(.auth-page) .navbar-top-links>.open>a{background:rgba(255,255,255,.09)!important;color:#fff!important}body:not(.auth-page) .sidebar{position:fixed!important;top:68px;bottom:0;width:252px;overflow-y:auto;background:#fff!important;border:0!important;border-right:1px solid #e3ebf2!important;box-shadow:8px 12px 30px rgba(31,55,79,.055);padding-top:8px}body:not(.auth-page) .sidebar ul li{border:0!important}body:not(.auth-page) .sidebar a{display:flex;align-items:center;min-height:48px;margin:4px 12px;padding:11px 14px!important;border-radius:12px;color:#3b4d60;font-weight:650;transition:background .18s,color .18s,transform .18s}body:not(.auth-page) .sidebar a:hover,body:not(.auth-page) .sidebar a:focus{background:#e9f3fb!important;color:var(--blue)!important;transform:translateX(2px)}body:not(.auth-page) .sidebar .nav-second-level a{min-height:40px;margin-left:24px;padding-left:18px!important;font-size:.91rem}body:not(.auth-page) .sidebar img{width:34px!important;height:34px;object-fit:contain;margin-right:6px;border-radius:50%}body:not(.auth-page) #page-wrapper{margin-left:252px;padding:78px clamp(18px,2.3vw,38px) 38px;min-height:100vh;background:#edf3f8}body:not(.auth-page) #page-wrapper>.row:first-child{display:none}body:not(.auth-page) .panel{border:0;border-radius:18px;overflow:hidden;box-shadow:0 10px 32px rgba(28,52,75,.075)}body:not(.auth-page) .panel-heading{border:0;padding:17px 22px;font-weight:700}body:not(.auth-page) .panel-primary>.panel-heading{background:linear-gradient(115deg,#0b3159,#1477c9)}body:not(.auth-page) .panel-primary>.panel-heading h1{display:flex;align-items:center;gap:18px;margin:4px 0 12px;font-size:clamp(1.8rem,2.5vw,2.75rem);letter-spacing:.01em}body:not(.auth-page) .panel-primary>.panel-heading h4{margin:0 0 4px;opacity:.9;letter-spacing:.03em}body:not(.auth-page) .panel-body{padding:22px 24px}body:not(.auth-page) .form-control{min-height:44px;border-radius:10px;border-color:#d7e1eb;box-shadow:none}body:not(.auth-page) .form-control:focus{border-color:#4a9bd6;box-shadow:0 0 0 3px rgba(20,119,201,.1)}body:not(.auth-page) textarea.form-control{min-height:100px}body:not(.auth-page) .btn{border-radius:10px;font-weight:700;padding:9px 15px}body:not(.auth-page) .nav-pills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}body:not(.auth-page) .nav-pills>li{float:none;margin:0}body:not(.auth-page) .nav-pills>li>a{border-radius:10px;background:#edf3f8;color:#40566b;font-weight:650}body:not(.auth-page) .nav-pills>li.active>a{background:#126fb8;color:#fff}body:not(.auth-page) .table-responsive{border:0;border-radius:12px;background:#fff}body:not(.auth-page) .table>thead>tr>th{background:#edf4fa;color:#274057;border-bottom:0}body:not(.auth-page) .table>tbody>tr>td{vertical-align:middle}body:not(.auth-page) canvas{max-width:100%}
@media(max-width:767px){.auth-shell{display:block}.auth-brand{display:none}.auth-panel{min-height:100vh;justify-content:flex-start;padding:28px 20px 80px}.mobile-brand{display:flex;align-items:center;gap:12px;width:100%;max-width:460px;color:var(--navy);font-weight:800;margin-bottom:54px}.login-card h2{font-size:2rem}.login-card>p{margin-bottom:30px}.field-control,.primary-action{height:56px}.auth-panel footer{bottom:20px}.navbar-header{float:none}body:not(.auth-page) .navbar-header{width:100%}.navbar-toggle{display:block;margin-top:16px}.navbar-default .navbar-toggle .icon-bar{background:#fff}body:not(.auth-page) .sidebar{position:static!important;width:100%;max-height:calc(100vh - 68px);box-shadow:none;padding-top:6px}body:not(.auth-page) #page-wrapper{margin-left:0;padding:76px 10px 24px}body:not(.auth-page) .navbar-top-links{position:absolute;right:58px;top:0}body:not(.auth-page) .navbar-top-links>li:not(:last-child){display:none}body:not(.auth-page) .navbar-brand{font-size:1rem;padding-left:15px;width:auto}body:not(.auth-page) .navbar-brand img{width:34px;height:34px}body:not(.auth-page) .panel{border-radius:14px}body:not(.auth-page) .panel-primary>.panel-heading h1{font-size:1.4rem;gap:10px}body:not(.auth-page) .panel-heading h1 img{width:44px!important}body:not(.auth-page) .panel-body{padding:15px}body:not(.auth-page) .panel-body>.table,body:not(.auth-page) .tab-pane>.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}body:not(.auth-page) .table td{min-width:130px}body:not(.auth-page) .table td:first-child{min-width:145px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}