:root{--navy:#07133d;--indigo:#2a209d;--purple:#6657f2;--bg:#f4f6fb;--text:#111b42;--muted:#737d95;--line:#dfe4ef;--white:#fff;--green:#087c55;--red:#b42318;--shadow:0 10px 34px rgba(7,19,61,.07)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.14em;color:#4a3dd0}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:0;border-radius:12px;font-weight:800;cursor:pointer}.primary-button{background:linear-gradient(110deg,#181171,#3025aa);color:#fff;box-shadow:0 10px 24px rgba(42,32,157,.22)}.primary-button:hover{filter:brightness(.93)}.secondary-button{border:1px solid var(--line);background:#fff;color:#273052}.alert{margin:0 0 20px;padding:13px 16px;border-radius:11px;font-size:.92rem;font-weight:650}.alert.success{background:#ecfdf3;color:#087c55;border:1px solid #b8efd2}.alert.error{background:#fff0ef;color:var(--red);border:1px solid #ffd0cc}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(430px,.95fr);background:#fff}.login-visual{position:relative;min-height:100vh;overflow:hidden;background:var(--navy)}.login-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.login-card{display:flex;min-height:100vh;align-items:center;padding:48px clamp(36px,5vw,80px);background:#fff;box-shadow:-25px 0 80px rgba(7,19,61,.08)}.login-inner{width:100%;max-width:510px;margin:auto}.product-title{display:flex;align-items:center;gap:16px;margin-bottom:clamp(48px,8vh,82px)}.product-title h1{margin:0;font-size:clamp(2.2rem,3vw,3.2rem);line-height:1;letter-spacing:-.055em;color:var(--indigo)}.product-title h1 b{color:var(--navy)}.product-title p{margin:11px 0 0;color:#69738d}.product-mark{position:relative;width:43px;height:44px;transform:rotate(-18deg)}.product-mark i{position:absolute;right:0;width:42px;height:8px;border-radius:10px;background:var(--indigo)}.product-mark i:nth-child(1){top:7px;width:28px}.product-mark i:nth-child(2){top:19px;width:36px}.product-mark i:nth-child(3){top:31px;background:var(--purple)}.login-form{display:flex;flex-direction:column}.login-form h2{margin:8px 0 28px;font-size:1.65rem}.login-form label,.label-row{font-size:.9rem;font-weight:750;margin:0 0 9px}.login-form input{width:100%;height:57px;border:1px solid #dbe0eb;border-radius:13px;padding:0 17px;background:#fbfcff;color:var(--navy);outline:0}.login-form input:focus{border-color:#5145cb;box-shadow:0 0 0 4px rgba(81,69,203,.12)}.label-row{display:flex;justify-content:space-between;margin-top:22px}.label-row span{font-weight:650;color:var(--indigo)}.password-wrap{position:relative}.password-wrap button{position:absolute;right:10px;top:10px;width:37px;height:37px;border:0;background:#f1f2fa;border-radius:9px;color:var(--indigo);cursor:pointer}.password-wrap input{padding-right:55px}.login-button{margin-top:29px;width:100%;height:57px;gap:12px}.platforms{text-align:center;margin-top:34px;padding-top:26px;border-top:1px solid var(--line);color:#7c8599;font-size:.88rem}.platforms b{color:#293252}.login-inner footer{display:flex;justify-content:space-between;gap:20px;margin-top:clamp(50px,9vh,90px);font-size:.75rem;color:#8a93a8}
.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:276px;display:flex;flex-direction:column;background:var(--navy);color:#fff}.sidebar-brand{height:94px;padding:22px 27px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand span{display:block;font-size:.7rem;font-weight:800;letter-spacing:.19em;color:rgba(255,255,255,.6)}.sidebar-brand strong{display:block;font-size:1.65rem;line-height:1.15}.sidebar-brand em{font-style:normal;color:#8578ff;font-size:1.18rem}.sidebar nav{flex:1;padding:25px 15px;overflow-y:auto}.sidebar nav>a,.sidebar nav>span,.nav-group>button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:4px;border:0;border-radius:11px;color:rgba(255,255,255,.72);background:transparent;font-weight:650;text-align:left;cursor:pointer}.sidebar nav .active{background:#3025a6;color:#fff}.sidebar nav>a:hover,.nav-group>button:hover{background:rgba(255,255,255,.07);color:#fff}.nav-icon{width:20px;text-align:center;font-size:1.2rem}.chevron{margin-left:auto}.nav-submenu{margin:4px 0 12px 43px;border-left:1px solid rgba(255,255,255,.15);padding-left:12px}.nav-submenu a,.nav-submenu span{display:block;padding:8px 10px;border-radius:8px;font-size:.85rem;color:rgba(255,255,255,.6)}.nav-submenu a:hover{background:rgba(255,255,255,.08);color:#fff}.nav-submenu span{opacity:.45}.nav-disabled{opacity:.55}.sidebar-footer{padding:18px 25px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;color:rgba(255,255,255,.55);font-size:.75rem}.app-shell{min-height:100vh;margin-left:276px}.topbar{position:sticky;top:0;z-index:20;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(9px)}.topbar-kicker{display:block;font-size:.66rem;font-weight:800;letter-spacing:.13em;color:#7b849b}.topbar-actions{display:flex;align-items:center;gap:12px}.company-pill{padding:9px 13px;background:#f0eeff;border-radius:10px;color:#3329a2;font-size:.82rem;font-weight:750}.user-pill{display:flex;align-items:center;gap:10px}.user-pill .avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#e9e7ff;color:#3329a2;font-weight:850}.user-pill strong,.user-pill small{display:block}.user-pill strong{font-size:.85rem}.user-pill small{font-size:.72rem;color:#7a8499}.logout{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px;color:#69738a;cursor:pointer}.menu-toggle{display:none}.content{max-width:1500px;margin:auto;padding:31px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:25px}.page-heading h1{margin:7px 0 4px;font-size:2rem;letter-spacing:-.035em}.page-heading p{margin:0;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.metrics.compact{grid-template-columns:repeat(3,1fr)}.metrics article{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 5px 20px rgba(7,19,61,.025)}.metrics article>span,.metrics small{display:block;color:var(--muted);font-size:.82rem}.metrics strong{display:block;margin:7px 0 3px;font-size:2rem}.metrics small{color:#8175cf}.welcome-card{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:240px;padding:38px;border-radius:20px;color:#fff;background:linear-gradient(125deg,#07133d,#251b8e);box-shadow:var(--shadow)}.welcome-card .eyebrow{color:#9c93ff}.welcome-card h2{font-size:1.8rem;margin:10px 0}.welcome-card p{max-width:680px;color:rgba(255,255,255,.72);line-height:1.6}.welcome-card .primary-button{background:#fff;color:var(--indigo);box-shadow:none;white-space:nowrap}.data-card,.form-card{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);overflow:hidden}.card-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 22px;border-bottom:1px solid #e8ebf2}.card-header h2,.form-card h2{font-size:1.05rem;margin:0 0 4px}.card-header p{margin:0;color:var(--muted);font-size:.83rem}.search-form{display:flex;gap:8px}.search-form input{width:270px}.search-form input,.search-form button,.form-card input,.form-card select{height:44px;border:1px solid #dbe0ea;border-radius:10px;padding:0 13px;background:#fff;outline:0}.search-form button{background:#f1efff;color:var(--indigo);font-weight:750;cursor:pointer}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 18px;text-align:left;border-bottom:1px solid #eceef4;font-size:.88rem}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:#707a91;background:#fafbfc}td b,td small{display:block}td small{margin-top:4px;color:#7c8599}.status{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:.75rem;font-weight:750}.status.active{background:#eafaf2;color:var(--green)}.row-action{color:var(--indigo);font-weight:750}.empty{text-align:center;height:180px;color:#7b8499}.empty b,.empty span{display:block}.empty b{color:#243052;margin-bottom:6px}.form-card{padding:0}.form-section{padding:24px 26px;border-bottom:1px solid #e8ebf2}.form-section h2{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.form-grid label,.compact-form>label{display:flex;flex-direction:column;gap:7px;font-size:.83rem;font-weight:750;color:#303a5b}.form-grid .wide{grid-column:span 2}.form-card input:focus,.form-card select:focus{border-color:#5044ca;box-shadow:0 0 0 3px rgba(80,68,202,.1)}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px 26px}.split-layout{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}.compact-form{display:flex;flex-direction:column;gap:15px;padding:23px}.compact-form .form-grid{grid-template-columns:1fr 90px}.compact-form .primary-button{margin-top:5px}.error-page{min-height:100vh;display:grid;place-items:center;padding:20px;text-align:center}.error-page h1{font-size:2.4rem;margin:10px}.error-page p{color:var(--muted);margin-bottom:25px}
@media(max-width:1000px){.login-shell{grid-template-columns:1fr 430px}.login-visual img{object-position:57%}.metrics{grid-template-columns:repeat(2,1fr)}.split-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.login-shell{display:block;padding:16px;background:linear-gradient(150deg,#07133d,#251b8e)}.login-visual{min-height:160px;border-radius:22px 22px 0 0}.login-visual img{object-position:center 25%;opacity:.6}.login-card{min-height:auto;padding:32px 22px;border-radius:0 0 22px 22px}.product-title{margin-bottom:38px}.product-title h1{font-size:2rem}.login-inner footer{flex-direction:column;gap:5px;text-align:center}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.app-shell{margin-left:0}.menu-toggle{display:block;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px}.topbar{padding:0 16px}.company-pill,.user-pill div{display:none}.content{padding:21px 16px}.page-heading{align-items:stretch;flex-direction:column}.page-heading .primary-button,.page-heading .secondary-button{align-self:flex-start}.metrics,.metrics.compact{grid-template-columns:1fr 1fr}.welcome-card{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.card-header{align-items:stretch;flex-direction:column}.search-form input{width:100%}}
@media(max-width:430px){.login-shell{padding:0}.login-visual,.login-card{border-radius:0}.metrics,.metrics.compact{grid-template-columns:1fr}.topbar-actions{gap:5px}.form-actions{flex-direction:column-reverse}.form-actions>*{width:100%}}
.first-access{text-align:center;margin:14px 0 0;color:#7b8499;font-size:.78rem}.first-access b{color:#3a4380}