:root{--navy:#102535;--navy-2:#0b1c29;--ink:#111a44;--muted:#667391;--line:#dce6f1;--blue:#0878f9;--blue-dark:#0765d2;--bg:#f4f8fc;--white:#fff;--green:#10a45a;--red:#ef4050;--amber:#f6a400;--shadow:0 8px 24px rgba(31,63,104,.07)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:linear-gradient(180deg,var(--navy),var(--navy-2));color:#eaf2f8;z-index:20;display:flex;flex-direction:column;box-shadow:6px 0 22px rgba(7,24,37,.12)}.brand{height:78px;display:flex;align-items:center;gap:13px;padding:0 21px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{display:grid;place-items:center;width:41px;height:41px;border:2px solid #fff;border-radius:11px;font-size:22px;color:#fff}.brand strong{font-size:19px;display:block}.brand small{display:block;color:#b9c8d5;font-size:11px;margin-top:3px}.main-nav{padding:17px 10px;display:grid;gap:4px}.main-nav a{height:45px;padding:0 13px;display:flex;align-items:center;gap:13px;border-radius:7px;color:#e8eff5;font-size:14px}.main-nav a span{width:20px;text-align:center;font-size:19px}.main-nav a:hover{background:rgba(255,255,255,.07)}.main-nav a.active{background:linear-gradient(90deg,#0787ff,#0969de);box-shadow:0 5px 16px rgba(0,117,255,.3);color:#fff}.sidebar-collapse{margin-top:auto;height:61px;border:0;border-top:1px solid rgba(255,255,255,.1);background:transparent;color:#dce8f1;text-align:left;padding:0 23px;font-size:21px;cursor:pointer}.sidebar-collapse span{font-size:13px;margin-left:15px}.workspace{width:calc(100% - 238px);margin-left:238px;min-height:100vh}.topbar{height:67px;position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:20px}.menu-button{border:0;background:transparent;color:var(--blue);font-size:22px;cursor:pointer}.global-search{width:min(560px,48vw);height:40px;margin:auto;display:flex;align-items:center;gap:9px;border:1px solid #ccd9e8;background:#fff;border-radius:7px;padding:0 13px;color:#64728b}.global-search input{border:0;outline:0;flex:1;color:var(--ink)}.user-area{display:flex;align-items:center;gap:10px}.notification{position:relative;font-size:21px;margin-right:10px}.notification b{position:absolute;right:-7px;top:-7px;background:var(--red);color:#fff;font-size:9px;border-radius:10px;padding:2px 4px}.avatar{width:37px;height:37px;border-radius:50%;background:linear-gradient(135deg,#64a9ff,#076ee5);color:white;display:inline-grid;place-items:center;font-weight:700}.avatar.small{width:32px;height:32px}.avatar.xlarge{width:82px;height:82px;font-size:28px}.user-copy strong,.user-copy small{display:block}.user-copy strong{font-size:13px}.user-copy small{font-size:11px;color:var(--muted);margin-top:2px}.link-button{border:0;background:transparent;color:#64728b;font-size:20px;cursor:pointer}.content{padding:25px 28px 50px;max-width:1600px;margin:auto}.page-heading{margin-bottom:20px}.page-heading h1{font-size:25px;letter-spacing:-.5px;margin:5px 0}.page-heading p{color:var(--muted);font-size:13px;margin:0}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.today-label{color:var(--muted);font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:16px;display:flex;align-items:center;gap:15px;min-height:111px}.stat-icon{width:53px;height:53px;border-radius:9px;display:grid;place-items:center;font-size:26px;flex:none}.blue-bg{color:#0878f9;background:#dcecff}.green-bg{color:#059b51;background:#d9f8e6}.amber-bg{color:#ed9900;background:#fff1cc}.red-bg{color:#ed3143;background:#ffe0e4}.stat-card small,.stat-card strong,.stat-card a{display:block}.stat-card small{font-size:11px;font-weight:700}.stat-card strong{font-size:27px;margin:6px 0 4px}.stat-card a{font-size:11px;color:var(--blue)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.panel-heading{min-height:55px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:14px}.panel-heading h2{font-size:16px;margin:0}.panel-heading p{font-size:12px;color:var(--muted);margin:4px 0 0}.panel-heading a{font-size:11px;color:var(--blue)}.timeline-list{padding:4px 17px 12px}.timeline-item{min-height:58px;display:grid;grid-template-columns:53px 13px 1fr auto;align-items:center;gap:9px;border-bottom:1px solid #edf2f7}.timeline-item:last-child{border:0}.timeline-item time{font-weight:700;font-size:12px}.timeline-item i{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #e4f0ff}.timeline-item strong,.timeline-item small{display:block}.timeline-item strong{font-size:12px}.timeline-item small{font-size:11px;color:var(--muted);margin-top:4px}.badge{display:inline-flex;padding:5px 11px;border-radius:5px;font-size:10px;font-weight:600;white-space:nowrap}.badge-blue{color:#0061d8;background:#dcecff}.badge-green{color:#087c45;background:#d8f7e7}.badge-gray{color:#526178;background:#e8eef5}.quick-panel{background:linear-gradient(145deg,#f2fff9,#e5fff1);border-color:#bfead3}.quick-actions{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions a{background:#fff;border:1px solid #d5e7df;border-radius:8px;padding:13px;display:grid;grid-template-columns:37px 1fr;column-gap:10px}.quick-actions a>span{grid-row:span 2;width:37px;height:37px;background:#e6f2ff;color:var(--blue);border-radius:7px;display:grid;place-items:center;font-size:18px}.quick-actions strong{font-size:11px}.quick-actions small{font-size:9px;color:var(--muted);margin-top:3px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#53617a;background:#f0f5fa;font-size:10px;padding:10px 14px}td{padding:12px 14px;border-bottom:1px solid #e7eef5;color:#33415c}tbody tr:last-child td{border-bottom:0}.task-list{padding:4px 16px}.task-list>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #e8eef5}.task-list>div:last-child{border:0}.task-check{width:23px;height:23px;display:grid;place-items:center;border:1px solid #b9c8d8;border-radius:5px;color:var(--blue)}.task-list p{margin:0}.task-list strong,.task-list small{display:block}.task-list strong{font-size:11px}.task-list small{font-size:9px;color:var(--muted);margin-top:3px}.task-list time{font-size:11px}.empty-state{text-align:center;padding:45px 18px;color:var(--muted)}.empty-state>span{font-size:31px;color:#a7b9cc}.empty-state h3{color:var(--ink);font-size:14px;margin:12px 0 5px}.empty-state p{font-size:12px;margin:0}.empty-state.compact{padding:28px}.btn{border:1px solid transparent;border-radius:7px;padding:10px 16px;font-weight:600;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(180deg,#0984ff,#076be2);color:#fff;box-shadow:0 5px 12px rgba(7,112,232,.18)}.btn-primary:hover{background:var(--blue-dark)}.btn-secondary{background:#fff;border-color:#cdd9e7;color:var(--ink)}.btn-danger-soft{color:#cc2f3e;background:#fff0f2;border-color:#ffd1d6}.btn-success-soft{color:#087b44;background:#e5f9ed;border-color:#c5efd6}.btn-block{width:100%}.filter-bar{padding:14px;display:flex;gap:10px;border-bottom:1px solid var(--line)}.search-field{height:40px;border:1px solid #cbd8e7;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 12px;flex:1;max-width:560px}.search-field input{border:0;outline:0;width:100%}.filter-bar select{border:1px solid #cbd8e7;border-radius:7px;padding:0 30px 0 12px;background:#fff;color:var(--ink)}.person-cell{display:flex;align-items:center;gap:10px}.icon-button{width:29px;height:29px;border-radius:6px;background:#edf5ff;color:var(--blue);display:grid;place-items:center;font-size:20px}.back-link{font-size:11px;color:var(--blue)}.form-panel{overflow:hidden}.form-section{display:grid;grid-template-columns:230px 1fr;gap:30px;padding:25px}.form-section h2{font-size:16px;margin:0 0 5px}.form-section p{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label,.login-card>label{font-size:11px;font-weight:600;display:block}.form-grid input:not([type=checkbox]),.form-grid textarea,.login-card input:not([type=checkbox]){width:100%;border:1px solid #cad8e7;border-radius:7px;padding:11px 12px;margin-top:7px;outline:0;color:var(--ink);background:#fff}.form-grid input:focus,.form-grid textarea:focus,.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,120,249,.1)}.form-grid textarea{resize:vertical}.form-grid em{color:var(--red);font-style:normal}.span-2{grid-column:span 2}.check-row{display:flex!important;align-items:center;gap:8px;font-weight:500!important}.check-row input{accent-color:var(--blue)}.field-error{color:var(--red);display:block;margin-top:4px}.form-actions{border-top:1px solid var(--line);padding:15px 25px;display:flex;justify-content:flex-end;gap:10px}.button-row{display:flex;align-items:center;gap:9px}.button-row form{margin:0}.detail-grid{display:grid;grid-template-columns:310px 1fr;gap:16px}.profile-card{text-align:center;padding:24px}.profile-card h2{font-size:18px;margin:12px 0 8px}.profile-card dl{text-align:left;margin:22px 0 0;border-top:1px solid var(--line)}.profile-card dl div{padding:12px 0;border-bottom:1px solid var(--line)}.profile-card dt{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:700}.profile-card dd{font-size:12px;margin:5px 0 0}.notes-box{text-align:left;background:#f5f8fb;border-radius:7px;padding:13px;margin-top:16px}.notes-box strong{font-size:11px}.notes-box p{font-size:11px;line-height:1.5;color:var(--muted);margin:6px 0 0}.history-panel{min-width:0}.alert{padding:11px 14px;border-radius:7px;font-size:12px;margin-bottom:14px}.alert-success{background:#daf7e6;color:#087a44;border:1px solid #bfeccc}.alert-danger{background:#ffe7e9;color:#b72d3a;border:1px solid #ffcbd0}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.login-visual{background:linear-gradient(135deg,rgba(6,34,54,.98),rgba(7,72,104,.9)),radial-gradient(circle at 70% 20%,#0784ff,transparent 45%);color:#fff;padding:42px 7vw;display:flex;flex-direction:column}.login-brand{display:flex;align-items:center;gap:12px;font-size:21px}.login-message{margin:auto 0;max-width:590px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#8bd4ff}.eyebrow.blue{color:var(--blue)}.login-message h1{font-size:50px;line-height:1.08;letter-spacing:-2px;margin:17px 0}.login-message p{color:#cad9e5;font-size:16px;line-height:1.7;max-width:500px}.login-panel{display:grid;place-items:center;padding:35px}.login-card{width:min(390px,100%)}.login-card h2{font-size:28px;margin:10px 0 4px}.muted{color:var(--muted)}.login-card>p{font-size:13px;margin-bottom:27px}.login-card>label{margin:17px 0}.login-card .check-row{margin:15px 0 22px}.login-help{display:block;text-align:center;color:var(--muted);font-size:10px;margin-top:22px}.sidebar-overlay{display:none}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.span-7,.span-5{grid-column:span 12}.detail-grid{grid-template-columns:270px 1fr}.global-search{max-width:400px}.user-copy{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .25s}.sidebar-open .sidebar{transform:none}.sidebar-open .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(6,20,30,.48);z-index:15}.workspace{width:100%;margin:0}.topbar{height:60px;padding:0 14px}.global-search{display:none}.user-area{margin-left:auto}.notification{display:none}.content{padding:18px 14px 40px}.heading-row{align-items:flex-start;flex-wrap:wrap}.stat-grid{grid-template-columns:1fr 1fr}.stat-card{padding:12px;min-height:98px}.stat-icon{width:42px;height:42px;font-size:20px}.stat-card strong{font-size:22px}.stat-card a{display:none}.detail-grid{grid-template-columns:1fr}.form-section{grid-template-columns:1fr;padding:18px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.filter-bar{flex-wrap:wrap}.search-field{flex-basis:100%;max-width:none}.client-table th:nth-child(3),.client-table td:nth-child(3),.client-table th:nth-child(4),.client-table td:nth-child(4){display:none}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;padding:25px}}
@media(max-width:430px){.stat-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}.button-row{width:100%}.page-heading .button-row .btn,.button-row form{flex:1}.button-row form .btn{width:100%}}
.task-list>.task-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #e8eef5}.task-list>.task-item:last-child{border:0}.task-list>.task-item:hover strong{color:var(--blue)}