:root{
  --bg:#f7f7f8;--surface:#fff;--surface-2:#f2f2f3;--surface-3:#ececee;--text:#171717;--muted:#6f7075;
  --line:#e7e7e9;--line-strong:#d7d7da;--dark:#0f0f10;--dark-2:#242426;--green:#137333;--green-bg:#e6f4ea;
  --amber:#8a5b00;--amber-bg:#fff5d7;--red:#b3261e;--red-bg:#fce8e6;--shadow:0 8px 28px rgba(0,0,0,.06);
  --shadow-lg:0 18px 50px rgba(0,0,0,.10);--radius:16px;--radius-sm:12px;--sidebar:252px;--topbar:72px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}
.material-symbols-rounded{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;font-size:21px;line-height:1}
.app-shell{min-height:100vh}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:var(--topbar);background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:22px}
.brand{width:220px;display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:138px;height:44px;overflow:hidden;border-radius:10px;background:#000;display:flex;align-items:center;justify-content:center}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-label{display:none;font-weight:650}
.search-trigger{max-width:720px;flex:1;height:46px;border:1px solid transparent;border-radius:24px;background:#f1f1f3;color:var(--muted);display:flex;align-items:center;gap:12px;padding:0 17px;text-align:left;transition:.18s}.search-trigger:hover{background:#ececef}.search-trigger kbd{margin-left:auto;border:1px solid #d8d8dc;background:#fff;border-radius:7px;padding:2px 7px;color:#777;font-size:11px}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{width:42px;height:42px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;color:#444;transition:.16s}.icon-btn:hover{background:#f0f0f2}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#171717;color:#fff;font-weight:700;letter-spacing:.03em;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}
.check-btn{border:0;background:#137333;color:#fff;border-radius:22px;padding:10px 17px;display:flex;align-items:center;gap:8px;font-weight:650;box-shadow:0 1px 2px rgba(0,0,0,.08)}.check-btn.checked{background:#29292b}.check-btn:hover{filter:brightness(.96)}
.sidebar{position:fixed;z-index:40;top:var(--topbar);bottom:0;left:0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);padding:18px 12px 22px;overflow-y:auto}.nav-section{margin:9px 0 18px}.nav-label{font-size:11px;color:#8b8b90;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:8px 14px}.nav-item{height:44px;padding:0 13px;border-radius:22px;display:flex;align-items:center;gap:13px;color:#4d4e52;font-weight:520;margin:2px 0;transition:.16s}.nav-item:hover{background:#f2f2f3;color:#111}.nav-item.active{background:#e9e9ec;color:#111;font-weight:650}.nav-item .badge-count{margin-left:auto;min-width:21px;height:21px;border-radius:11px;background:#ededf0;display:grid;place-items:center;font-size:11px}.nav-item.active .badge-count{background:#d8d8dc}.sidebar-bottom{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.main{margin-left:var(--sidebar);padding-top:var(--topbar);min-height:100vh}.page{max-width:1480px;margin:0 auto;padding:32px 38px 56px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#85868a;font-weight:650;margin-bottom:5px}.page-title{font-size:30px;line-height:1.2;margin:0;font-weight:690;letter-spacing:-.025em}.page-subtitle{margin:7px 0 0;color:var(--muted);font-size:14px}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{height:42px;border-radius:11px;border:1px solid var(--line-strong);background:#fff;color:#202124;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;transition:.16s;position:relative;overflow:hidden}.btn:hover{background:#f6f6f7;border-color:#ccccd0}.btn.primary{background:#151516;color:#fff;border-color:#151516}.btn.primary:hover{background:#2a2a2c}.btn.success{background:var(--green);color:#fff;border-color:var(--green)}.btn.danger{color:var(--red);border-color:#edc9c5}.btn.ghost{border-color:transparent;background:transparent}.btn.small{height:34px;padding:0 11px;border-radius:9px;font-size:12px}.btn.icon-only{width:42px;padding:0}.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.35);transform:scale(0);animation:ripple .55s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}
.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.split-60{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card.hoverable{transition:.18s}.card.hoverable:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-title{font-size:16px;font-weight:660;margin:0;letter-spacing:-.01em}.card-subtitle{color:var(--muted);font-size:12px;margin-top:3px}.metric{padding:19px}.metric-icon{width:38px;height:38px;border-radius:11px;background:#f1f1f2;display:grid;place-items:center;color:#333;margin-bottom:15px}.metric-label{color:#6d6e72;font-size:12px;font-weight:560}.metric-value{font-size:27px;line-height:1.15;font-weight:690;letter-spacing:-.02em;margin-top:5px}.metric-note{font-size:12px;color:#8a8b8f;margin-top:6px}.metric-note.good{color:var(--green)}
.progress{height:7px;background:#ececef;border-radius:8px;overflow:hidden}.progress>span{height:100%;background:#1b1b1c;border-radius:8px;display:block}.progress.green>span{background:var(--green)}
.journey{padding:22px}.journey-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.journey-percent{font-size:22px;font-weight:700}.journey-line{display:flex;align-items:center;margin-top:22px}.journey-step{display:flex;align-items:center;gap:8px;color:#8c8d91;white-space:nowrap}.journey-step .dot{width:24px;height:24px;border-radius:50%;border:1px solid #cdced1;background:#fff;display:grid;place-items:center;font-size:11px}.journey-step.done,.journey-step.active{color:#171717}.journey-step.done .dot{background:#171717;border-color:#171717;color:#fff}.journey-step.active .dot{border:2px solid #171717}.journey-seg{flex:1;height:1px;background:#dedee1;margin:0 10px;min-width:18px}
.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #efeff1}.list-row:last-child{border-bottom:0}.list-main{min-width:0;flex:1}.list-title{font-weight:610;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-meta{color:#818287;font-size:12px;margin-top:3px}.list-leading{width:36px;height:36px;border-radius:10px;background:#f0f0f2;display:grid;place-items:center;flex:none}.list-actions{display:flex;gap:5px;opacity:0;transition:.15s}.list-row:hover .list-actions{opacity:1}.task-check{width:20px;height:20px;border-radius:50%;border:1.5px solid #a9aaae;background:#fff}
.status{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:13px;background:#eeeef0;color:#4e4f53;font-size:11px;font-weight:650;text-transform:capitalize}.status-approved,.status-completed,.status-verified,.status-success,.status-paid,.status-provisioned,.status-resolved{background:var(--green-bg);color:var(--green)}.status-pending,.status-submitted,.status-in-review,.status-investigating,.status-requested,.status-planning{background:var(--amber-bg);color:var(--amber)}.status-rejected,.status-critical,.status-failed,.status-overdue{background:var(--red-bg);color:var(--red)}.status-in-progress,.status-active{background:#ececee;color:#111}.status-draft,.status-todo,.status-open{background:#f0f0f1;color:#555}
.priority{display:inline-flex;height:23px;align-items:center;padding:0 8px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.priority-low{background:#f1f1f2;color:#5f6064}.priority-medium{background:#fff4d6;color:#805b00}.priority-high{background:#fce9df;color:#9a3e00}.priority-critical{background:var(--red-bg);color:var(--red)}
.table-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#8a8b90;text-align:left;background:#fafafa;padding:13px 16px;border-bottom:1px solid var(--line)}.data-table td{padding:14px 16px;border-bottom:1px solid #efeff1;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafafa}.table-user{display:flex;align-items:center;gap:10px}.mini-avatar{width:30px;height:30px;border-radius:50%;background:#202022;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700;flex:none}
.form-card{max-width:980px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.label{font-size:12px;font-weight:650;color:#4e4f53}.input,.select,.textarea{width:100%;border:1px solid #dcdcdf;background:#fff;border-radius:11px;padding:11px 13px;color:#171717;outline:none;transition:.15s}.input,.select{height:44px}.textarea{min-height:120px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#999a9e;box-shadow:0 0 0 3px rgba(0,0,0,.045)}.help{font-size:11px;color:#85868b}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:14px;overflow-x:auto;padding-bottom:10px}.kanban-col{background:#f0f0f2;border-radius:16px;padding:12px;min-height:560px}.kanban-head{display:flex;align-items:center;justify-content:space-between;padding:6px 5px 12px;font-weight:650}.kanban-count{font-size:11px;color:#737479;background:#fff;border-radius:12px;padding:2px 7px}.kanban-drop{min-height:480px}.task-card{background:#fff;border:1px solid #e2e2e4;border-radius:13px;padding:14px;margin-bottom:10px;box-shadow:0 1px 2px rgba(0,0,0,.03);transition:.16s}.task-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.07);transform:translateY(-1px)}.task-card.dragging{opacity:.45}.task-card-title{font-weight:630;margin:9px 0 12px}.task-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#77787c;font-size:11px}.task-card-meta{display:flex;align-items:center;gap:6px}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.cal-head{padding:10px;background:#fafafa;font-size:11px;font-weight:700;color:#777;text-align:center;border-right:1px solid var(--line)}.cal-day{min-height:118px;padding:9px;border-top:1px solid var(--line);border-right:1px solid var(--line)}.cal-day:nth-child(7n){border-right:0}.cal-num{font-size:12px;color:#777}.cal-day.today .cal-num{width:25px;height:25px;background:#171717;color:#fff;border-radius:50%;display:grid;place-items:center}.cal-event{margin-top:6px;padding:5px 7px;border-radius:7px;background:#efeff1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event.meeting{background:#e7f2ea;color:#28623b}.cal-event.leave{background:#fff2dd;color:#78520a}
.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.34);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{width:min(720px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:var(--shadow-lg);border:1px solid #e6e6e7}.modal.large{width:min(1040px,100%)}.modal-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-body{padding:22px}.modal-foot{padding:16px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.side-panel-wrap{position:fixed;z-index:95;inset:0;background:rgba(0,0,0,.20);display:none}.side-panel-wrap.open{display:block}.side-panel{position:absolute;right:0;top:0;bottom:0;width:min(620px,96vw);background:#fff;box-shadow:-18px 0 48px rgba(0,0,0,.10);overflow:auto;animation:slidein .2s ease-out}.side-panel-head{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);padding:17px 20px;display:flex;align-items:center;justify-content:space-between;z-index:2}.side-panel-body{padding:22px}@keyframes slidein{from{transform:translateX(18px);opacity:0}to{transform:translateX(0);opacity:1}}
.fab{position:fixed;right:28px;bottom:28px;width:58px;height:58px;border-radius:18px;border:0;background:#171717;color:#fff;display:grid;place-items:center;box-shadow:0 10px 25px rgba(0,0,0,.18);z-index:30}.fab:hover{background:#29292b}.fab .material-symbols-rounded{font-size:27px}
.toast-stack{position:fixed;z-index:120;right:22px;top:86px;display:flex;flex-direction:column;gap:10px}.toast{min-width:290px;max-width:420px;background:#242426;color:#fff;padding:13px 15px;border-radius:12px;box-shadow:var(--shadow-lg);display:flex;gap:10px;align-items:flex-start;animation:toastIn .2s ease-out}.toast.success{background:#1f5c31}.toast.error{background:#8c241f}.toast .material-symbols-rounded{font-size:19px;margin-top:1px}@keyframes toastIn{from{transform:translateY(-7px);opacity:0}to{transform:none;opacity:1}}
.search-overlay{position:fixed;z-index:110;inset:0;background:rgba(0,0,0,.28);backdrop-filter:blur(4px);display:none;padding-top:90px}.search-overlay.open{display:block}.search-box{width:min(760px,calc(100% - 32px));margin:0 auto;background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden}.search-input-wrap{height:64px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--line);gap:12px}.search-input-wrap input{flex:1;border:0;outline:0;font-size:16px}.search-results{max-height:520px;overflow:auto;padding:8px}.search-result{display:flex;gap:12px;align-items:center;padding:12px;border-radius:11px}.search-result:hover{background:#f3f3f4}.search-result-icon{width:36px;height:36px;border-radius:10px;background:#eeeeef;display:grid;place-items:center}.search-empty{padding:34px;text-align:center;color:#85868b}
.notice{border-radius:13px;padding:14px 16px;background:#f1f1f2;color:#4b4c50;display:flex;gap:10px}.notice.warning{background:#fff4dc;color:#7d5705}.notice.danger{background:#fce9e7;color:#91251f}.notice.success{background:#e8f4eb;color:#1d6535}
.ai-shell{display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 165px);min-height:620px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.code-pane{background:#111214;color:#e7e7e7;display:flex;flex-direction:column}.ai-pane{background:#fff;display:flex;flex-direction:column}.pane-head{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:650}.ai-pane .pane-head{border-bottom:1px solid var(--line)}.editor{flex:1;width:100%;border:0;outline:0;resize:none;background:#111214;color:#e9e9e9;padding:20px;font:13px/1.65 "SFMono-Regular",Consolas,monospace}.ai-output{flex:1;padding:22px;overflow:auto;white-space:pre-wrap}.ai-compose{padding:14px;border-top:1px solid var(--line);display:flex;gap:10px}.ai-compose textarea{min-height:48px;max-height:130px;flex:1;border:1px solid var(--line-strong);border-radius:14px;padding:11px;resize:vertical}
.chat-shell{display:grid;grid-template-columns:280px 1fr;height:calc(100vh - 170px);min-height:610px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.chat-list{border-right:1px solid var(--line);padding:10px;overflow:auto}.chat-contact{display:flex;gap:10px;padding:11px;border-radius:11px;align-items:center}.chat-contact:hover,.chat-contact.active{background:#f1f1f2}.chat-main{display:flex;flex-direction:column}.chat-head{padding:14px 18px;border-bottom:1px solid var(--line);font-weight:650}.messages{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:72%;padding:10px 13px;border-radius:15px;background:#f0f0f2}.bubble.me{align-self:flex-end;background:#202022;color:#fff}.bubble-time{font-size:10px;opacity:.64;margin-top:4px}.chat-compose{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line)}.chat-compose input{flex:1;border:1px solid var(--line-strong);border-radius:22px;padding:0 16px}
.skill-row{display:grid;grid-template-columns:180px 1fr 60px;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #f0f0f1}.skill-row:last-child{border-bottom:0}.skill-track{height:9px;border-radius:8px;background:#ededee;position:relative;overflow:hidden}.skill-start{position:absolute;height:100%;background:#c9c9cc;border-radius:8px}.skill-now{position:absolute;height:100%;background:#19191a;border-radius:8px}.skill-score{text-align:right;font-weight:650}
.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.badge-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px}.badge-icon{width:46px;height:46px;border-radius:14px;background:#161617;color:#fff;display:grid;place-items:center;margin-bottom:14px}.badge-name{font-weight:680}.badge-desc{color:#77787d;font-size:12px;margin-top:5px}
.empty{padding:50px 20px;text-align:center;color:#85868b}.empty .material-symbols-rounded{font-size:42px;color:#b6b6b9;margin-bottom:10px}.empty-title{font-size:15px;color:#515256;font-weight:650;margin-bottom:4px}
.login-page{min-height:100vh;background:#f5f5f6;display:grid;place-items:center;padding:24px}.login-wrap{width:min(980px,100%);display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.07)}.login-brand{background:#0d0d0e;color:#fff;padding:50px;display:flex;flex-direction:column;justify-content:space-between;min-height:620px}.login-brand img{width:210px;border-radius:14px}.login-brand h1{font-size:38px;line-height:1.12;letter-spacing:-.04em;margin:0 0 15px}.login-brand p{color:#bdbdc0;max-width:390px}.login-form{padding:54px;display:flex;flex-direction:column;justify-content:center}.login-form h2{font-size:28px;margin:0 0 7px}.login-form>p{color:#77787d;margin:0 0 28px}.login-form .field{margin-bottom:15px}.login-demo{margin-top:24px;padding:14px;border-radius:13px;background:#f5f5f6;font-size:12px;color:#626368}.login-demo strong{color:#222}
.mobile-menu-btn{display:none}.mobile-nav{display:none}.chart-box{height:290px;position:relative}.chart-box.small{height:220px}.number-big{font-size:42px;font-weight:700;letter-spacing:-.04em}.muted{color:var(--muted)}.text-small{font-size:12px}.text-right{text-align:right}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-0{margin-bottom:0}.w-full{width:100%}.nowrap{white-space:nowrap}.divider{height:1px;background:var(--line);margin:18px 0}.hidden{display:none!important}
@media(max-width:1180px){.grid-4{grid-template-columns:repeat(2,1fr)}.split-60{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(4,290px)}.brand{width:190px}}
@media(max-width:900px){:root{--topbar:64px}.topbar{padding:0 12px;gap:10px}.brand{width:auto}.brand-mark{width:118px;height:38px}.search-trigger{flex:0;width:42px;border-radius:50%;padding:0;justify-content:center}.search-trigger span:not(.material-symbols-rounded),.search-trigger kbd{display:none}.check-btn span.label-text{display:none}.check-btn{width:42px;height:42px;padding:0;justify-content:center}.sidebar{transform:translateX(-102%);transition:.2s;box-shadow:var(--shadow-lg);top:0;z-index:70;padding-top:78px}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.page{padding:25px 18px 90px}.mobile-menu-btn{display:grid}.grid-3{grid-template-columns:1fr 1fr}.ai-shell{grid-template-columns:1fr;height:auto}.code-pane,.ai-pane{min-height:500px}.chat-shell{grid-template-columns:1fr}.chat-list{display:none}.mobile-nav{position:fixed;z-index:60;left:10px;right:10px;bottom:10px;height:66px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:20px;display:grid;grid-template-columns:repeat(5,1fr);padding:6px;box-shadow:0 8px 30px rgba(0,0,0,.12)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:14px;font-size:9px;color:#696a6e}.mobile-nav a.active{background:#ededf0;color:#111}.mobile-nav .material-symbols-rounded{font-size:20px}.fab{bottom:88px}.page-title{font-size:26px}.login-wrap{grid-template-columns:1fr}.login-brand{display:none}.login-form{padding:38px;min-height:600px}}
@media(max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.page-header{flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.journey-line{overflow:auto;padding-bottom:4px}.journey-seg{min-width:32px}.table-wrap{overflow-x:auto}.data-table{min-width:720px}.metric{padding:16px}.calendar-grid{overflow-x:auto;grid-template-columns:repeat(7,110px)}.modal-backdrop{padding:10px}.modal{border-radius:17px}.login-form{padding:28px}.top-actions{gap:3px}.top-actions .icon-btn:nth-of-type(2){display:none}}

.topbar .brand{width:170px}.topbar .brand-mark{width:104px;height:34px;border-radius:9px}
@media(max-width:1180px){.topbar .brand{width:150px}}
@media(max-width:900px){.topbar .brand{width:auto}.topbar .brand-mark{width:88px;height:30px}}
/* 2026-08-20 usability and communication upgrade */
.trainer-tip{display:flex;align-items:flex-start;gap:13px;margin:-2px 0 20px;padding:14px 16px;background:#f7f7f8;border:1px solid #e6e6e8;border-radius:15px;color:#39393c}.trainer-tip-icon{width:34px;height:34px;border-radius:10px;background:#19191a;color:#fff;display:grid;place-items:center;flex:0 0 auto;font-size:19px}.trainer-tip-copy{flex:1;min-width:0}.trainer-tip-copy strong{display:block;font-size:13px;font-weight:700;margin-bottom:3px;color:#202022}.trainer-tip-copy p{margin:0;font-size:12px;line-height:1.65;color:#66676b}.trainer-tip-action{flex:0 0 auto}.btn.subtle{background:#fff;color:#4f5054;border-color:#dedee1}.btn.subtle:hover{background:#ededee;color:#171718}.chat-list-label{font-size:9px;font-weight:750;letter-spacing:.12em;color:#96969b;padding:12px 10px 7px}.group-avatar{background:#171718;color:#fff}.group-avatar .material-symbols-rounded{font-size:18px}.bubble-sender{font-size:10px;font-weight:750;margin-bottom:3px;color:#66676b}.bubble.me .bubble-sender{color:#d7d7d9}.mail-test-row{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px}.toast.warning{background:#6f5416}.status-pending{background:#f4eee0;color:#6d561d}.card-subtitle{color:#77787d;font-size:12px;line-height:1.55;margin-top:4px}.card-title{margin:0}.form-card+.form-card{margin-top:16px}
@media(max-width:900px){.trainer-tip{align-items:flex-start}.trainer-tip-action{display:none}.mail-test-row{align-items:flex-start;flex-direction:column}.chat-shell:has(.chat-main) .chat-list{display:none}}


/* Trainer bilingual contextual page guide */
.trainer-guide-popover{position:fixed;z-index:85;right:22px;top:92px;width:min(370px,calc(100vw - 32px));background:#fff;border:1px solid #dedee1;border-radius:18px;box-shadow:0 18px 54px rgba(0,0,0,.14);padding:16px;animation:trainerGuideIn .24s ease-out both;transition:.2s ease}
.trainer-guide-popover.closing{opacity:0;transform:translateX(18px)}@keyframes trainerGuideIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
.trainer-guide-head{display:grid;grid-template-columns:34px 1fr 34px;gap:10px;align-items:start}.trainer-guide-icon{width:34px;height:34px;border-radius:10px;background:#171718;color:#fff;display:grid;place-items:center}.trainer-guide-label{font-size:9px;letter-spacing:.12em;color:#929398;font-weight:750;margin:1px 0 3px}.trainer-guide-head strong{font-size:13px;line-height:1.35}.trainer-guide-dismiss{width:34px;height:34px}
.trainer-guide-body{padding:12px 2px 4px 44px}.trainer-guide-body p{margin:0}.trainer-guide-si{font-size:12px;line-height:1.7;color:#36373a;font-weight:520}.trainer-guide-en{font-size:11px;line-height:1.65;color:#818287;margin-top:7px!important}.trainer-guide-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid #efeff1;margin-top:8px}.trainer-guide-actions form{margin:0}
.report-filters{padding:18px}.report-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.report-filter-grid .field{gap:5px}.report-filter-grid .input,.report-filter-grid .select{height:40px;padding:8px 10px;font-size:12px}.report-table .data-table td{font-size:12px}.report-score{font-variant-numeric:tabular-nums;font-weight:650}.report-filter-summary{display:flex;gap:7px;flex-wrap:wrap}.filter-chip{background:#f1f1f3;border:1px solid #e2e2e5;padding:5px 9px;border-radius:999px;font-size:11px;color:#55565a}
.planner-calendar .cal-day{min-height:116px;cursor:pointer;transition:.15s}.planner-calendar .cal-day:hover{background:#fafafa}.planner-add-hint{opacity:0;float:right;color:#8a8b90;transition:.15s}.planner-calendar .cal-day:hover .planner-add-hint{opacity:1}.cal-event.plan{background:#ededf0;color:#2c2d30;border-left:3px solid #363638}.cal-event.plan.done{text-decoration:line-through;color:#85868b;background:#f4f4f5}.planner-entry-actions{display:flex;gap:6px;align-items:center}.planner-date-selected{outline:2px solid #252527;outline-offset:-2px}
@media(max-width:980px){.report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trainer-guide-popover{top:auto;bottom:18px;right:16px}}
@media(max-width:620px){.report-filter-grid{grid-template-columns:1fr}.trainer-guide-body{padding-left:0}.trainer-guide-popover{left:12px;right:12px;width:auto}.trainer-guide-actions{justify-content:stretch}.trainer-guide-actions .btn{flex:1}.planner-calendar .cal-day{min-height:90px}}

/* 2026-08-20 R3 operations simplification */
.settings-stack{display:grid;gap:16px}.settings-stack .form-card{max-width:none}.input-with-suffix{position:relative}.input-with-suffix .input{padding-right:72px}.input-with-suffix>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;color:#85868a;background:#f2f2f3;border-radius:7px;padding:3px 7px;pointer-events:none}
.textarea.compact{min-height:82px}.compact-empty{padding:26px 12px}.compact-empty .material-symbols-rounded{font-size:34px}.trainer-today-work .form-actions{flex-wrap:wrap}.trainer-access-row{display:flex;gap:10px;flex-wrap:wrap}.trainer-access-card{margin:0;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:10px 11px;background:#fff;min-width:290px;flex:1;max-width:390px}.trainer-access-copy{min-width:0;display:flex;flex-direction:column;flex:1}.trainer-access-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trainer-access-copy small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impersonation-return{background:#171718!important;color:#fff!important;border-color:#171718!important;white-space:nowrap}.status .material-symbols-rounded{font-size:15px}
@media(max-width:900px){.trainer-access-card{max-width:none;min-width:100%}.impersonation-return{width:42px;padding:0;font-size:0}.impersonation-return .material-symbols-rounded{font-size:20px}}

/* R4 official document settings */
.signature-settings-grid{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:24px;align-items:center;margin-top:18px}.signature-preview{min-height:130px;border:1px solid var(--line);border-radius:16px;background:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center}.signature-preview img{display:block;max-width:210px;max-height:76px;object-fit:contain}.signature-preview>.material-symbols-rounded{font-size:32px;color:#8a8b90}.signature-preview small{color:var(--muted);font-size:11px}@media(max-width:760px){.signature-settings-grid{grid-template-columns:1fr}}
.inline-action-form{display:inline-flex;margin:0}.page-actions .inline-action-form{display:inline-flex}.data-table .inline-action-form .btn{white-space:nowrap}

/* R5 focused fixes: keep the complete logo visible and the task workflow usable in-panel. */
.topbar .brand-mark img{object-fit:contain;object-position:center;background:#000}
.task-panel-title{font-size:24px;letter-spacing:-.02em;margin:16px 0 8px;line-height:1.25}
.task-panel-description{line-height:1.7;overflow-wrap:anywhere}
.task-panel-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.task-panel-section-head{margin-bottom:12px}
.task-panel-comment-form .input{min-width:0}
@media(max-width:600px){.task-panel-facts{grid-template-columns:1fr}.task-panel-comment-form .flex{align-items:stretch}.task-panel-comment-form .btn{flex:0 0 auto}.side-panel-body{padding:18px}}