:root{--nav:#142338;--nav-muted:#8a9cb4;--ink:#172b46;--muted:#748297;--blue:#376cf6;--line:#e6ebf2;--surface:#f5f7fb;--good:#178566;--danger:#bd4251;--radius:14px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Onest,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--surface);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--nav);color:#fff;padding:30px 20px 0;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:11px;align-items:center;font-size:20px;font-weight:750;letter-spacing:-.7px}.brand-icon{width:37px;height:40px;border-radius:10px;background:var(--blue);display:grid;place-items:center;font-size:25px;box-shadow:0 4px 20px #0002}.brand-light{font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2.3px;color:#9aacbf;margin-top:1px}.workspace{margin:28px 0 14px;border:1px solid #ffffff14;border-radius:9px;padding:12px;font-size:12px}.workspace small{display:block;color:var(--nav-muted);margin-left:15px;font-size:10px}.dot,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#38c8a0;margin-right:8px}.nav-heading{font-size:9px;letter-spacing:1.7px;color:#8193ad;padding:18px 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;color:#b9c6d8;border-radius:8px;padding:10px 12px;margin:2px 0;font-size:13px}.nav-item:hover{background:#ffffff0b;color:white}.nav-item.active{background:#3469ef;color:white}.nav-symbol{font-size:18px;width:22px;text-align:center;line-height:1}.sidebar nav{overflow:auto;padding-bottom:18px}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding:18px 0;border-top:1px solid #ffffff12}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2d405b;color:#bccce3}.sidebar-bottom strong{font-size:11px;display:block}.sidebar-bottom small{font-size:9px;color:#92a5be;display:block;max-width:145px}.sidebar-bottom form{margin-left:auto}.logout{background:none;border:0;color:#92a5be;font-size:22px}.shell{margin-left:250px;min-height:100vh}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px}.breadcrumb{font-size:10px;letter-spacing:.65px;color:#8b98ab}.breadcrumb span{margin:0 14px;color:#c9d0db}.top-right{display:flex;gap:12px;align-items:center;font-size:11px;color:#7b8ca3}.live-dot{margin:0}.pill{padding:5px 10px;border-radius:6px;font-size:10px}.subtle{background:#f0f4f9;color:#7a8ba0}.menu-button{display:none}main#main-content{max-width:1750px;padding:35px 35px 20px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8090a7;font-weight:650;margin-bottom:8px}h1{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:0 0 9px;font-weight:650}h2{font-size:16px;font-weight:650;margin:0}h3{font-size:15px;margin:0 0 8px}.subtitle{margin:0;color:var(--muted);font-size:12px}.heading-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:8px;min-height:40px;padding:9px 15px;font-size:12px;font-weight:600;white-space:nowrap}.primary{background:var(--blue);color:white;box-shadow:0 4px 9px #366cf617}.primary:hover{background:#295bdb}.secondary{background:#fff;border-color:#dce4ef;color:#435672}.small{min-height:32px;padding:5px 11px;font-size:11px}.full{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);padding:21px 23px;border-radius:var(--radius);position:relative;overflow:hidden}.metric>span{font-size:11px;font-weight:500;color:#7b899d}.metric strong{display:block;margin:10px 0 8px;font-size:27px;line-height:1.1;letter-spacing:-1px;font-weight:620}.metric small{font-size:10px;color:#8593a6}.metric.accent{background:var(--blue);color:#fff;border-color:var(--blue)}.metric.accent>span,.metric.accent small{color:#dae6ff}.metric.accent:after{content:'↗';position:absolute;right:17px;top:14px;font-size:23px;color:#a7c1ff}.metric.good strong{color:var(--good)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:white;margin-bottom:21px;overflow:hidden}.panel-heading{display:flex;gap:15px;align-items:center;padding:21px 23px;border-bottom:1px solid #edf0f5}.panel-heading p{margin:4px 0 0;font-size:11px;color:var(--muted)}.panel-heading .text-link{margin-left:auto;color:var(--blue);font-size:11px}.count{background:#f0f3f8;color:#8090a6;border-radius:5px;padding:2px 7px;font-size:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{background:#fbfcfe;font-size:9px;text-align:left;letter-spacing:.75px;text-transform:uppercase;color:#8a96a8;font-weight:600;padding:12px 23px;border-bottom:1px solid var(--line)}td{padding:16px 23px;border-bottom:1px solid #f0f3f7;font-size:12px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}.cell-link{font-weight:550;color:#29486e}.cell-link:hover{color:var(--blue)}.cell-small{display:block;font-size:10px;color:#91a0b2;margin-top:3px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 9px;background:#eef2f7;color:#76859a;font-size:10px;font-weight:500}.badge.green{color:#198667;background:#e9f7f1}.badge.blue{color:#4e77d1;background:#edf3ff}.badge.amber{color:#ac8026;background:#fff5df}.badge.red{color:#bc4c58;background:#fdeff1}.badge.purple{color:#8570b6;background:#f2eefb}.badge:before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%}.notice{background:#eef4ff;border:1px solid #d9e6fb;border-radius:9px;padding:13px 17px;margin-bottom:20px;color:#4d6d99;font-size:12px;line-height:1.6}.notice a{text-decoration:underline}.notice.danger{background:#fff0f1;border-color:#f2ced3;color:#ac3e4c}.notice.success{background:#eafaef;border-color:#ccebd6;color:#297b46}.notice.demo{background:#fffbec;border-color:#f0e2aa;color:#927937;font-size:11px}.notice strong{font-weight:650}.filters{display:flex;gap:10px;margin-bottom:20px}.filters .search{position:relative;display:flex;align-items:center;flex:1}.search span{position:absolute;left:14px;font-size:22px;color:#95a4b8}.search input{padding-left:39px;width:100%}.filters select{min-width:170px;max-width:230px}input:not([type=checkbox]),select,textarea{min-height:41px;border:1px solid #dfe5ed;border-radius:7px;background:white;padding:9px 12px;color:#354b69;font-size:12px}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus{outline:2px solid #abc7ff;outline-offset:1px}input::placeholder{color:#a4afbe}.empty{text-align:center;padding:48px 20px;color:#8593a7}.empty-icon{font-size:31px;margin-bottom:12px;color:#aebed4}.empty p{font-size:12px;margin:0}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:21px;overflow:auto}.tabs a{padding:10px 1px 13px;color:#7f8ba0;white-space:nowrap;font-size:12px}.tabs a.selected{color:var(--blue);border-bottom:2px solid var(--blue)}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:23px}.detail-grid small{color:#8291a7;font-size:10px}.detail-grid p{margin:5px 0 0;white-space:pre-wrap;font-size:12px}.flow{display:flex;padding:22px;gap:15px}.flow-step{flex:1;display:flex;flex-wrap:wrap;gap:9px;align-items:center;border-right:1px solid var(--line);padding-right:12px}.flow-step:last-child{border:0}.flow-step>span{font-size:10px;color:#91a0b2;background:#f0f3f8;display:grid;place-items:center;width:23px;height:23px;border-radius:50%}.flow-step strong{font-size:11px;font-weight:500}.flow-step small{font-size:10px;color:#8a98aa;width:100%;padding-left:32px}.flow-step.current>span{background:var(--blue);color:white}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:24px}.form-panel{padding:27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.wide{grid-column:1/-1}.hidden{display:none}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:11px;color:#6c7d95;font-weight:500}.field b,.checkbox b{color:#cf7180}.field input,.field select,.field textarea{width:100%}.checkbox{display:flex;align-items:center;gap:10px;min-height:38px;font-size:12px;color:#596c87}.checkbox input{width:16px;height:16px;accent-color:var(--blue)}.form-footer{display:flex;gap:10px;align-items:center;margin-top:28px;padding-top:23px;border-top:1px solid var(--line);flex-wrap:wrap}.form-footer small{font-size:10px;color:#91a0b1;margin-left:auto}.form-help{color:#7d8da3;font-size:12px;line-height:1.8;padding:10px 5px}.form-help h3{color:#4c6380;font-size:13px}.form-help hr{border:0;border-top:1px solid var(--line);margin:20px 0}.help-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid #afc4e8;color:#6f96d2;border-radius:50%;margin-bottom:15px}.repeat-title{display:flex;justify-content:space-between;margin:8px 0 15px;align-items:center}.repeat-row{display:flex;align-items:flex-end;gap:10px;background:#f6f8fc;padding:13px;border-radius:8px;margin-bottom:10px;flex-wrap:wrap}.repeat-row>.field{flex:1;min-width:130px}.repeat-row .checkbox{min-width:90px}.remove-row{border:0;color:#af7581;background:transparent;font-size:23px;min-height:40px}.checklist{background:#f6f8fc;border-radius:10px;padding:20px}.checklist h2{margin-bottom:12px}.action-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.action-group{padding:21px}.action-group h2{margin-bottom:12px}.action-group a{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f3f8;font-size:12px;color:#587398}.action-group a:last-child{border:0}.action-group a:hover{color:var(--blue)}.gallery{padding:20px;display:flex;gap:14px;flex-wrap:wrap}.gallery>a{width:145px}.gallery img{width:145px;height:125px;object-fit:cover;border-radius:8px;background:#f3f5f9}.gallery small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8998ad;font-size:10px}.file-icon{display:grid;place-items:center;height:125px;border:1px solid var(--line);border-radius:8px;color:#b9606c;font-weight:700}.upload-form{padding:0 22px 22px;display:flex;align-items:end;gap:20px;flex-wrap:wrap}.upload-form .field{flex:1}.pagination{display:flex;justify-content:flex-end;gap:10px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:20px}footer{margin-top:35px;padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#96a2b3;font-size:9px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:var(--nav);color:white;padding:50px 60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:after{content:'';position:absolute;border:1px solid #ffffff07;width:650px;height:650px;border-radius:50%;right:-310px;bottom:-310px;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02;pointer-events:none}.auth-story .eyebrow{color:#9bb4dc;font-size:10px}.auth-story h1{font-size:44px;line-height:1.28;font-weight:550;letter-spacing:-1.5px;margin:20px 0}.auth-story h1 span{color:#739cff}.auth-story p{font-size:14px;color:#a0b2cb;max-width:390px;line-height:1.8}.auth-story>small{font-size:10px;color:#7d94b4}.auth-steps{display:flex;gap:22px;font-size:10px;color:#819aba;margin-top:40px}.auth-main{display:grid;place-items:center;padding:45px;background:white}.auth-card{width:100%;max-width:350px}.auth-card h2{font-size:29px;letter-spacing:-.7px;margin:10px 0}.auth-card>p{font-size:12px;color:#8a98ac;margin-bottom:28px}.auth-card .field{margin:19px 0}.auth-card input{min-height:47px}.auth-card .button{margin-top:12px;min-height:46px}.auth-link{display:block;text-align:center;font-size:12px;color:var(--blue);margin-top:20px}.auth-note{text-align:center;font-size:11px;line-height:1.8;color:#9aa6b8;margin-top:43px}.auth-card small{font-size:10px;color:#8091aa}@media(min-width:1600px){main#main-content{padding:42px 50px}.metric{padding:25px}.metric strong{font-size:32px}}@media(max-width:1150px){.sidebar{width:218px;padding:25px 14px 0}.shell{margin-left:218px}.topbar{padding:0 24px}main#main-content{padding:27px 23px}.metrics{gap:11px}.metric{padding:17px}.metric strong{font-size:24px}.heading-actions{max-width:350px}.form-layout{grid-template-columns:minmax(0,1fr) 200px}.form-grid{gap:16px}.action-groups{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{transform:translateX(-100%);width:240px;transition:transform .2s}.shell{margin-left:0}.menu-open .sidebar{transform:translateX(0);box-shadow:0 0 0 100vw #10243d55}.menu-button{display:block;border:0;background:#edf2fc;border-radius:6px;color:#45658e;padding:6px 10px;font-size:18px}.breadcrumb{margin-right:auto;margin-left:17px}.top-right .pill{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-story{padding:38px}.auth-story h1{font-size:34px}.form-layout{grid-template-columns:1fr}.form-help{order:-1;padding:0}.form-help hr,.form-help hr~p,.form-help .help-icon{display:none}.form-help p{margin:0}.flow{flex-wrap:wrap}.flow-step{min-width:120px}.topbar{height:63px}.action-groups{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main#main-content{padding:23px 15px}.topbar{padding:0 15px}.breadcrumb{font-size:9px;white-space:nowrap;overflow:hidden;max-width:65vw}.breadcrumb span{margin:0 7px}.top-right{display:none}h1{font-size:25px}.page-heading{display:block;margin-bottom:22px}.heading-actions{justify-content:flex-start;margin-top:17px;max-width:none}.heading-actions .button{font-size:11px;padding:8px 11px}.metric{padding:15px}.metric strong{font-size:24px}.metric small{font-size:9px;line-height:1.4;display:block}.metric>span{font-size:10px}.metrics{gap:10px}.panel-heading{padding:17px}.panel-heading h2{font-size:14px}th{padding:10px 17px}td{padding:14px 17px}.filters{flex-wrap:wrap}.filters .search{width:100%;flex:auto}.filters select{min-width:0;flex:1;width:100px;font-size:11px}.form-panel{padding:20px 17px}.form-grid{grid-template-columns:1fr}.form-footer small{margin-left:0}.detail-grid{grid-template-columns:1fr 1fr;padding:18px;gap:16px}.detail-grid p{font-size:11px;overflow-wrap:anywhere}.tabs{gap:19px}.action-groups{grid-template-columns:1fr;gap:0}.flow-step{min-width:40%;padding:9px;border:0}.flow{gap:0;padding:13px}.auth-layout{display:block}.auth-story{padding:26px;min-height:180px}.auth-story>div,.auth-story>small{display:none}.auth-story{min-height:130px;justify-content:center}.auth-main{padding:38px 25px}.auth-card{max-width:370px}.auth-note{margin-top:30px}footer{display:block;line-height:1.9}footer span{display:block}.gallery>a,.gallery img{width:120px}.repeat-row>.field{flex:auto;min-width:100%;width:100%}}