:root{--navy:#293576;--blue:#3452aa;--cyan:#0aa8e6;--ink:#46516a;--muted:#808696;--line:#dedee4;--bg:#fafafa;--lavender:#f2f4ff;--sidebar:246px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;font-size:14px;font-weight:400}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #43b6ee;outline-offset:3px}input,select,textarea{color:var(--ink);background:#fff;border:1px solid #d5d7df;border-radius:5px;padding:10px 12px;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #a9dff8;border-color:var(--cyan)}textarea{resize:vertical;min-height:150px;line-height:1.7}label{display:block;font-size:13px;color:#515d77;margin-bottom:7px}.field{display:flex;flex-direction:column;gap:3px}.field small{color:var(--muted)}.icon{width:19px;height:19px;vertical-align:middle;flex:none}.topbar{height:74px;position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:white;box-shadow:0 2px 4px #20253c12;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);min-width:185px}.brand:hover{text-decoration:none}.brand .mark{width:39px;height:45px}.brand strong{font-size:20px;line-height:1.05;display:block;letter-spacing:-.5px}.brand small{font-size:8px;letter-spacing:1px;display:block;margin-top:5px}.top-search{display:flex;align-items:center;background:#f3f3f3;border-radius:25px;max-width:480px;width:34%;padding:0 15px;color:#777}.top-search input{border:0;background:transparent;width:100%;padding:12px;font-size:13px;outline:0}.user-area{display:flex;align-items:center;gap:16px}.circle{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border:0;border-radius:50%;background:#f3f3f3;color:#666}.user-name strong{display:block;font-weight:600;font-size:13px;color:#484848}.user-name small{display:block;margin-top:3px;color:#8b8b8b;font-size:11px}.logout{font-size:11px;color:#85858a}.sidebar{position:fixed;left:0;top:74px;bottom:0;width:var(--sidebar);background:#fff;border-right:1px solid #e7e7ea;z-index:25;overflow-y:auto;padding:23px 13px 15px}.sidebar nav a{display:flex;align-items:center;gap:21px;color:#7e7e82;padding:13px 18px;min-height:45px;border-radius:4px;margin:2px 0;font-size:14px}.sidebar nav a.active{background:#f2f2f2;color:var(--cyan);font-weight:650}.sidebar nav a:hover{background:#f5f6fa;text-decoration:none;color:var(--blue)}.sidebar hr{border:0;border-top:1px solid #d9d9de;margin:17px 0}.sidebar .sub{padding-left:59px;font-size:13px;min-height:38px}.sidebar .nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#a2a6b2;margin:18px}.sidebar-bottom{padding:20px 18px;font-size:11px;color:#9b9eaa;line-height:1.7}.main{margin-left:var(--sidebar);padding:105px 39px 25px;min-height:100vh}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;min-height:55px}.page-heading h1{font-size:25px;font-weight:600;color:var(--navy);margin:0 0 6px;letter-spacing:-.3px}.page-heading .greeting{font-size:32px;color:var(--blue)}.page-heading p{margin:0;color:#8b8d99;font-size:13px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;border:1px solid var(--navy);border-radius:7px;background:var(--navy);color:white;font-size:13px;min-height:39px;text-align:center}.btn:hover{background:#35468e;text-decoration:none}.btn.outline{background:#fff;color:#737782;border-color:#adadb6}.btn.outline:hover{background:#f6f7ff;color:var(--navy)}.btn.round{border-radius:24px}.btn.small{padding:6px 12px;min-height:30px;font-size:12px}.btn.light{background:#eef7fc;border-color:#d3ebf8;color:#009cdc}.card{background:white;border:1px solid #d8d8de;border-radius:10px;overflow:hidden;margin-bottom:24px}.card-head{border-bottom:1px solid #dddde2;padding:19px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:18px;color:#3e485d}.card-body{padding:25px 28px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.dashboard-grid>.card{margin:0;min-height:520px}.muted{color:var(--muted)}.caption{font-size:15px;margin:0 0 17px;color:#59647b}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric{background:var(--lavender);padding:24px 28px;border-radius:9px;color:var(--blue);min-height:112px;transition:background .15s}.metric:hover{background:#e9edff;text-decoration:none}.metric strong{font-size:29px;font-weight:600;margin-right:7px;line-height:1.2}.metric span{font-size:12px}.metric b{display:block;font-size:13px;margin-top:10px;font-weight:650;text-transform:uppercase}.personalized{margin-top:34px}.custom-metric{border:2px dashed #21b1fc;border-radius:9px;min-height:110px;color:#02a6ed;display:flex;align-items:center;justify-content:center;gap:10px;width:32%;font-size:16px}.custom-metric:hover{background:#f4fbff;text-decoration:none}.activity-list{padding:19px 28px;height:455px;overflow-y:auto}.activity{border-radius:10px;background:#fff3f3;display:flex;gap:16px;padding:20px 22px;align-items:center;margin-bottom:15px;color:#ed3535}.activity:hover{text-decoration:none;filter:brightness(.98)}.activity .activity-icon{height:40px;width:40px;border-radius:50%;background:#ef3e3e;color:white;display:grid;place-items:center}.activity strong{display:block;font-size:24px;font-weight:550;margin-bottom:4px}.activity small{font-size:12px}.activity.yellow{background:#fff8eb;color:#d49b00}.activity.yellow .activity-icon{background:#e8b00e}.activity.blue{background:#e6f4fb;color:#0586c6}.activity.blue .activity-icon{background:#0da8e1}.full-card{margin-top:24px}.full-card .card-head{padding:15px;font-size:15px}.count{display:inline-block;padding:4px 7px;color:var(--cyan);background:#e6f5fc;border-radius:4px;font-size:12px}.task-empty{padding:24px 16px;color:#989cab;font-size:13px}.footer{display:flex;justify-content:space-between;gap:20px;padding:20px 0 0;font-size:11px;color:#9598a5;border-top:1px solid #e8e8ec;margin-top:32px}.notice{border:1px solid #bfe5d4;background:#effaf4;color:#286547;padding:14px 18px;border-radius:7px;margin-bottom:22px}.notice.warn{border-color:#ebd39b;background:#fff9ec;color:#8d6716}.notice.error{background:#fff3f3;border-color:#f1c1c1;color:#a93232}.filters{display:flex;gap:5px;align-items:center;padding:11px 38px;border-bottom:1px solid #e0e1e6;flex-wrap:wrap}.filters input,.filters select{padding:7px 12px;min-height:33px;flex:1;max-width:250px;font-size:13px}.filters .btn{margin-left:auto}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th,td{border-bottom:1px solid #e3e3e7;padding:14px 25px;font-size:13px;font-weight:400}th{color:var(--navy);font-size:15px;padding-top:14px;padding-bottom:14px;background:#fff}td{color:#868b9b;font-size:12px}tbody tr:hover{background:#fafbff}td a{color:inherit}td:first-child a{text-decoration:underline}.badge{display:inline-block;padding:5px 7px;border-radius:4px;line-height:1.15;font-size:11px;font-weight:600;white-space:normal}.badge.red{background:#e45254;color:#fff}.badge.green{background:#59b65d;color:#fff}.badge.blue{background:#eaf1ff;color:#3452aa}.table-foot{padding:18px 39px;display:flex;justify-content:space-between;font-size:11px;color:#999eab;align-items:center}.legend{padding:13px 39px;font-size:12px;color:#9498a8;border-bottom:1px solid #f4f4f7}.empty{text-align:center;padding:55px 24px;color:#969aaa;white-space:normal}.empty .icon{width:36px;height:36px;color:#c2c9db;margin-bottom:15px}.empty h3{font-weight:500;color:#6d7791;font-size:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.span-2{grid-column:1/-1}.form-stack{display:grid;gap:20px}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.6;margin:0}.check input{margin-top:4px}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:24px}.detail-text{white-space:pre-wrap;line-height:1.85;color:#647087;font-size:14px;overflow-wrap:anywhere}.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#929bb1;margin-bottom:9px}.metadata{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metadata span{font-size:12px;color:#9298a6;display:block;margin-bottom:7px}.metadata b{font-size:13px;color:#536079;font-weight:550}.message{padding:16px 20px;background:#f4f7fe;border-radius:8px;margin-bottom:15px}.message.internal{background:#fffaed}.message.public{background:#f0f9f6}.message header{display:flex;justify-content:space-between;font-size:11px;color:#8b91a2;gap:10px}.message p{white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere}.tabs{display:flex;gap:24px;border-bottom:1px solid #dedee7;margin-bottom:22px}.tabs a{padding:12px 0;color:#7f8594}.tabs a.active{color:var(--navy);border-bottom:2px solid var(--navy)}.auth-page{background:#f6f7fb;min-height:100vh;display:flex;flex-direction:column}.public-header{background:#fff;border-bottom:1px solid #e5e7ef;padding:23px 7%;display:flex;justify-content:space-between;align-items:center;gap:16px}.public-main{width:min(100% - 40px,980px);margin:45px auto}.public-intro{text-align:center;margin-bottom:34px}.public-intro .secure{color:#8192aa;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}.public-intro h1{font-size:34px;color:var(--navy);font-weight:600;letter-spacing:-1px;margin:0 0 14px}.public-intro p{color:#828b9c;line-height:1.8;max-width:650px;margin:auto}.public-main .card-body{padding:32px 38px}.steps{display:flex;gap:20px;margin-bottom:24px;border-bottom:1px solid #eee;padding-bottom:18px;color:#79849b;font-size:12px}.steps b{color:var(--navy)}.auth-card{width:min(100% - 40px,460px);margin:65px auto}.auth-card h1{font-size:25px;color:var(--navy);font-weight:600}.auth-card p{line-height:1.7;color:#8b92a2}.auth-card .btn{width:100%}.privacy-foot{text-align:center;color:#989eaf;font-size:11px;padding:10px 24px 30px;line-height:1.9}.protocol-box{background:#f4f6ff;padding:25px;border:1px dashed #adb9de;border-radius:8px;text-align:center;margin:22px 0}.protocol-box strong{display:block;font-size:26px;color:var(--navy);letter-spacing:2px;margin:10px}.protocol-box code{font-size:21px;color:var(--blue)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:24px}.stat-grid .card{margin:0}.stat-value{font-size:34px;color:var(--blue);display:block;margin:13px 0}.bar-row{display:grid;grid-template-columns:170px 1fr 35px;gap:15px;margin:17px 0;align-items:center;font-size:12px}.bar{height:20px;background:#eef1fb;border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:#5d72ba;border-radius:4px}.bar-fill[data-width]{width:var(--bar-width,0)}.chart-months{display:flex;gap:20px;align-items:flex-end;min-height:190px;padding-top:20px}.month{flex:1;text-align:center;color:#999faf;font-size:10px}.month .column{height:var(--column-height,4px);min-height:3px;background:#9baae3;border-radius:4px 4px 0 0;margin:5px auto 12px;width:50%;max-width:45px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-grid .card{margin:0}details{border-bottom:1px solid #e7e9f0;padding:18px 0}summary{cursor:pointer;color:var(--navy);font-size:15px}details p{line-height:1.9;color:#7f889d}.help-float{position:fixed;bottom:20px;right:25px;width:46px;height:46px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;box-shadow:0 3px 10px #29357622;z-index:20}.mobile-menu{display:none}.audio{width:100%;margin:10px 0}.file-link{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:13px}.inline-form{display:inline}.link-button{background:none;border:0;color:var(--blue);padding:0;font-size:12px;text-decoration:underline}.user-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eef1fc;color:#5168ac;font-size:11px}.card-note{font-size:12px;color:#999eae;line-height:1.9}.sort{color:#bdbfc8;font-size:11px;margin-left:7px}.toolbar-note{font-size:11px;color:#9398a8}.option-row{display:flex;gap:24px;padding:15px;background:#f5f7fd;border-radius:7px}.divider{height:1px;background:#eeeef2;margin:24px 0}.status-dot{display:inline-block;width:7px;height:7px;background:#58b678;border-radius:50%;margin-right:6px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eeeef3;font-size:13px;gap:12px}.info-row:last-child{border:0}.info-row code{font-size:11px;overflow-wrap:anywhere;white-space:normal}.text-link{font-size:12px}.prose{line-height:1.9;color:#737f95}.prose h2{color:var(--navy);font-weight:500;font-size:20px}.task-item{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #ececf1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1600px){.main{padding:112px 40px 25px}.page-heading{margin-bottom:36px}.dashboard-grid>.card{min-height:560px}.activity-list{height:495px}.card-head{padding:20px 40px}.dashboard-grid .card-body{padding:24px 40px}.metric{min-height:112px;padding:24px 30px}.activity-list{padding:19px 40px}th,td{padding:15px 39px}}@media(max-width:1190px){:root{--sidebar:215px}.main{padding:100px 25px 25px}.topbar{padding:0 23px}.top-search{width:31%}.metric{padding:20px 16px}.metric b{font-size:11px}.card-body{padding:22px}.activity-list{padding:18px}.activity{padding:18px 15px}.dashboard-grid{grid-template-columns:1.8fr 1fr}.custom-metric{width:48%}.user-name{max-width:125px}.user-name strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:900px){.dashboard-grid,.detail-grid,.settings-grid{grid-template-columns:1fr}.dashboard-grid>.card{min-height:0}.activity-list{height:auto;max-height:340px}.top-search{display:none}.greeting{font-size:27px!important}.stat-grid{gap:12px}.form-grid{gap:15px}.sidebar nav a{gap:14px}.card-head{padding:18px 22px}.custom-metric{width:33%}}@media(max-width:650px){.topbar{height:66px;padding:0 16px;gap:12px}.topbar>.brand{min-width:0;margin-right:auto}.topbar .brand strong{font-size:16px}.topbar .brand small{font-size:6px}.topbar .brand .mark{width:28px;height:33px}.user-area{gap:10px}.user-name,.user-area>.circle,.logout{display:none}.mobile-menu{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:var(--navy);padding:4px}.sidebar{top:66px;transform:translateX(-100%);width:246px;box-shadow:5px 0 20px #0001;transition:transform .2s}.sidebar.open{transform:translateX(0)}.main{margin:0;padding:91px 17px 20px}.page-heading{align-items:flex-start;margin-bottom:24px;flex-wrap:wrap}.page-heading h1{font-size:24px}.page-heading .greeting{font-size:25px!important}.page-heading p{font-size:12px;line-height:1.6}.metrics{grid-template-columns:1fr 1fr;gap:12px}.metric{padding:20px;min-height:100px}.metric strong{font-size:27px}.metric b{font-size:10px}.card-body,.dashboard-grid .card-body{padding:20px}.custom-metric{width:100%;min-height:85px}.card-head{padding:17px 20px;font-size:17px}.form-grid,.stat-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.filters{padding:12px}.filters input,.filters select{max-width:none;flex:1 1 42%}.filters .btn{flex:1 1 42%}th,td{padding:13px 18px}.table-foot,.legend{padding:15px}.footer{flex-wrap:wrap;font-size:10px}.public-header{padding:18px 20px}.public-header .brand{min-width:0}.public-header .brand strong{font-size:17px}.public-header .btn{font-size:10px;padding:8px}.public-main{margin:30px auto}.public-intro h1{font-size:28px}.public-main .card-body{padding:24px}.auth-card{margin:35px auto}.bar-row{grid-template-columns:110px 1fr 25px}.help-float{width:40px;height:40px;right:16px;bottom:14px}.metadata{gap:18px}.option-row{flex-direction:column;gap:12px}.actions .btn{font-size:11px}.steps{font-size:10px;gap:13px}}@media print{.sidebar,.topbar,.actions,.help-float,.footer,.filters,form{display:none!important}.main{margin:0;padding:0}.card{break-inside:avoid}.detail-grid{display:block}}
@media(min-width:901px) and (max-width:1100px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.card{min-height:0}.activity-list{height:auto;max-height:330px}.metrics{gap:16px}.metric{padding:24px}.custom-metric{width:32%}}
