:root {
  --ink:#202b3b; --muted:#718096; --teal:#1768cc; --teal-dark:#124f9d;
  --line:rgba(111,132,164,.15); --bg:#f4f6fb; --red:#c9434d; --sidebar:244px;
  --glass:rgba(255,255,255,.76); --shadow:0 8px 28px rgba(37,58,96,.045),0 1px 3px rgba(35,54,85,.035);
}
*{box-sizing:border-box} [hidden]{display:none!important}
body{margin:0;font:14px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:radial-gradient(ellipse at 85% 0%,#e6efff 0,transparent 40%),radial-gradient(ellipse at 15% 85%,#f0eefa 0,transparent 42%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}
a{color:var(--teal);text-decoration:none} a:hover{color:var(--teal-dark)} button,input,select,textarea{font:inherit}
button,a,input,select,textarea,[contenteditable]{outline-offset:4px} button{cursor:pointer}
button:disabled{opacity:.55;cursor:wait} h1,h2,h3,p{margin-top:0}
h1{font-size:29px;font-weight:650;letter-spacing:-.8px;line-height:1.4;margin-bottom:9px}
h2{font-size:18px;line-height:1.5;margin-bottom:8px;font-weight:650} h3{font-size:16px} p{margin-bottom:14px}
small{font-size:12px} hr{border:0;border-top:1px solid var(--line);margin:24px 0}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:rgba(245,248,255,.7);border-right:1px solid rgba(255,255,255,.85);padding:32px 18px 20px;display:flex;flex-direction:column;backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);overflow-y:auto;z-index:5}
.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:650;color:var(--ink);margin:0 10px 31px}
.brand-icon{display:inline-grid;place-items:center;border-radius:15px;width:43px;height:43px;background:linear-gradient(145deg,#3c89f2,#2460c1);box-shadow:0 5px 12px #2264be25,inset 0 1px 0 #ffffff7a;color:#fff;font-size:22px;font-weight:600;flex-shrink:0}
.brand small{display:block;font-size:10px;color:var(--muted);font-weight:400;letter-spacing:1.4px;margin-top:2px}
.nav-label{font-size:11px;letter-spacing:1.3px;color:#8994a6;margin:16px 15px 10px}
.sidebar nav>a{display:flex;align-items:center;padding:12px 15px;border:1px solid transparent;border-radius:12px;margin-bottom:5px;color:#607087;font-size:13px;gap:12px;transition:background .18s,box-shadow .18s}
.sidebar nav>a>span{font-size:19px;line-height:20px;width:20px;text-align:center}
.sidebar nav>a:hover{background:#ffffff8a;color:var(--teal)}
.sidebar nav>a.active{background:linear-gradient(125deg,#ffffffed,#e7f0ffb5);border-color:#fff;box-shadow:0 4px 12px #2945700b;color:#1a61bb;font-weight:600}
.nav-count{font-size:10px;background:#2771d0;color:white;border-radius:12px;padding:1px 6px;margin-left:auto}
.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 10px 0;display:flex;align-items:center;gap:10px;font-size:12px}
.sidebar-bottom small{display:block;color:var(--muted);font-size:10px}
.avatar,.mini-avatar{display:inline-grid;place-items:center;background:linear-gradient(145deg,#eef3fe,#dce7fb);color:#5474a2;border:1px solid #ffffffa6;border-radius:50%;width:35px;height:35px;font-size:13px;font-weight:500;flex-shrink:0}
.mini-avatar{width:27px;height:27px;font-size:11px;margin-right:7px}.settings{margin-left:auto;font-size:18px;color:var(--muted)}
.logout{margin-top:8px;text-align:right;padding-right:9px}.logout button{font-size:11px;color:var(--muted)}.sidebar nav>a.mobile-account{display:none}
.workspace{margin-left:var(--sidebar);min-height:100vh}.topbar{height:69px;border-bottom:1px solid #ffffffb0;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffff50;backdrop-filter:blur(18px);color:#748299;font-size:12px}
.topbar i{font-style:normal;margin-left:14px;color:#98a3b4;font-size:10px}
.content{padding:34px 38px;max-width:1550px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px}
.page-heading p{color:var(--muted);margin:0;font-size:13px}.eyebrow{display:block;color:#6080b4;font-size:10px;letter-spacing:2px;font-weight:600;margin-bottom:9px}
.button{border:1px solid #ffffff6b;display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:10px 19px;border-radius:12px;color:white;background:linear-gradient(180deg,rgba(34,110,219,.96),rgba(18,88,190,.94));box-shadow:0 4px 13px #1b5db721,inset 0 1px 0 #ffffff40;font-size:13px;font-weight:600;white-space:nowrap;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);transition:transform .16s,box-shadow .16s,background .16s}
.button:hover{color:#fff;transform:translateY(-1px);box-shadow:0 7px 18px #1b5db72b}.button:active{transform:translateY(0)}
.button.secondary{background:linear-gradient(180deg,#ffffffed,#edf3fd9c);border-color:#ffffff;color:#4c6487;box-shadow:0 3px 10px #3449650b,inset 0 1px 0 #fff}
.button.secondary:hover{background:#ffffffed;color:var(--teal)}.button.compact{padding:6px 12px;font-size:12px;border-radius:9px}
.text-button{border:0;background:none;color:var(--teal);padding:0;font-size:12px}.text-button:hover{text-decoration:underline}
.danger-button{background:#fff4f2;border-color:#ffd9d4;color:var(--red)}.full{width:100%}
.panel,.stat{background:var(--glass);border:1px solid #ffffffdb;border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
.notice-strip{display:flex;align-items:flex-start;background:linear-gradient(120deg,#eef4ffde,#f8fbfff0);border:1px solid #fff;border-radius:16px;padding:17px 22px;margin-bottom:24px;gap:14px;box-shadow:0 3px 13px #3e639408}
.notice-symbol{font-size:23px;color:#5b84bc;margin-top:2px}.notice-strip strong{display:block;font-size:11px;color:#6480a7;margin-bottom:3px}.notice-strip a{display:block;font-size:13px;color:#345680}.notice-strip a span{font-size:11px;color:#7a91b1;margin-left:18px}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.stat{padding:20px 23px;color:var(--ink);min-height:143px;transition:transform .2s,box-shadow .2s}
.stat:hover{transform:translateY(-2px);box-shadow:0 12px 30px #324a7810;color:var(--ink)}.stat>span{color:#6c7d95;font-size:12px}.stat>strong{display:block;font-size:38px;font-weight:620;line-height:1.65;letter-spacing:-1.3px}.stat strong small{font-size:11px;color:#98a4b5;margin-left:10px;font-weight:400}
.stat p{font-size:11px;color:#96a1b2;margin:0}.stat h2{margin:15px 0 8px}.stat.danger strong{color:#ce6870}.stat.success strong{color:#4d8b7d}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.panel-heading{padding:21px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading h2{margin:0;font-size:16px}.panel-heading p{font-size:11px;color:var(--muted);margin:4px 0 0}.panel-heading>a{font-size:12px;white-space:nowrap}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:normal}th{font-weight:500;font-size:11px;color:#8392a7;background:#eff4fa80;padding:13px 18px;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
td{padding:19px 18px;border-bottom:1px solid #e8edf485;font-size:12px;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#f6f9ff80}td small{display:block;color:#929eb0;font-size:10px;margin-top:5px}
.task-title{font-size:13px;color:#364e70;font-weight:600}.task-title:hover{text-decoration:underline}.urgent-dot,.overdue-text{color:var(--red)}
.badge{display:inline-block;border-radius:7px;padding:4px 8px;font-size:10px;white-space:nowrap;margin:2px 2px 2px 0}.badge.pending{color:#6e7f99;background:#edf1f8}.badge.in_progress{color:#3b75be;background:#eaf2ff}.badge.review{color:#a6853b;background:#faf3e1}.badge.closed{color:#4a8a76;background:#edf6f1}.badge.overdue{color:#be636a;background:#fff0f0}.badge.inactive{color:#8591a4;background:#edf0f5}
.row-actions{display:flex;gap:12px;white-space:nowrap;font-size:11px}
.focus-card{background:linear-gradient(135deg,#e3edffbf,#f9fbffdb);border:1px solid #fff;border-radius:20px;color:#334f77;padding:26px 24px;box-shadow:var(--shadow)}
.focus-card .eyebrow{color:#7b95bf}.focus-card h2{font-size:17px;line-height:1.7;margin:12px 0}.focus-number{font-size:42px;line-height:1.5;letter-spacing:-1px;color:#517ac2}.focus-number small{font-size:11px;color:#889cbb;letter-spacing:0;margin-left:10px}.focus-card p,.focus-card>span{font-size:11px;color:#7e91ad}.focus-card hr{border-color:#cbd8ea8a;margin:20px 0 15px}.focus-card>a{color:#5378ab;display:block;font-size:11px;margin-top:14px}
.knowledge-card{margin-top:22px;padding:24px}.book-icon{display:inline-grid;place-items:center;width:39px;height:39px;background:linear-gradient(140deg,#f2effc,#ebe6f7);color:#9a89b8;border-radius:12px;font-size:22px}.knowledge-card h3{font-size:14px;line-height:1.8;margin:16px 0 8px}.knowledge-card p{font-size:12px;color:var(--muted);line-height:1.9}.knowledge-card a{font-size:12px}
footer{text-align:center;color:#a0aaba;font-size:10px;padding:18px 20px 28px;letter-spacing:1px}
.filters{display:flex;gap:12px;margin-bottom:22px}.filters input{flex:1;max-width:460px}.filters select{width:auto;min-width:120px}
.form{padding:30px;max-width:1040px;margin-bottom:25px}.narrow{max-width:540px}label{display:block;font-size:12px;color:#5e718b;font-weight:500;margin-bottom:19px}
input,select,textarea{display:block;border:1px solid #dce4f0;border-radius:10px;padding:10px 13px;width:100%;background:#ffffffab;color:var(--ink);min-width:0;box-shadow:inset 0 1px 2px #31426704}
input::placeholder,textarea::placeholder{color:#a4afbe}label input,label select,label textarea{margin-top:8px}textarea{resize:vertical;line-height:1.8}
input:focus,select:focus,textarea:focus{border-color:#8db1ea;outline:3px solid #dbe9fc;outline-offset:0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.form-actions{display:flex;gap:14px;align-items:center;margin:20px 0 0}.hint,.muted{color:var(--muted)}.hint{font-size:11px;line-height:1.9}
.flash{border-radius:13px;background:#eaf5f0;border:1px solid #fff;color:#548877;padding:13px 18px;margin-bottom:22px;font-size:13px}.flash.error{background:#fff1f0;color:#ac565c;border-color:#fff}
.back-link{font-size:12px;display:inline-block;margin-bottom:22px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.detail-body{padding:32px}.plain-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;min-height:65px}
.metadata{padding:25px;height:fit-content}.metadata dl{display:grid;grid-template-columns:90px 1fr;gap:14px;margin-bottom:0;font-size:12px}.metadata dt{color:var(--muted)}.metadata dd{margin:0;overflow-wrap:anywhere}.sop-link{display:block;background:#eef4ff;padding:16px;margin-top:22px;border-radius:12px}
.history-panel{padding:25px 32px;margin-top:25px}.timeline{padding:0 0 0 17px;border-left:1px solid #d6e3f7;margin:22px 0 0 7px;list-style:none}.timeline li{padding:0 0 24px 9px;position:relative}.timeline li:before{content:'';position:absolute;left:-23px;top:8px;width:10px;height:10px;background:#9ab8df;border:3px solid white;border-radius:50%}.timeline li>div{display:flex;justify-content:space-between;gap:20px}.timeline span,.timeline small{font-size:11px;color:var(--muted)}.timeline strong{font-size:12px}.timeline p{margin:4px 0;font-size:13px;overflow-wrap:anywhere}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.recurring-card,.announcement-card,.sop-card{padding:25px}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.repeat-icon{display:grid;place-items:center;background:#eaf2ff;color:#698fc3;width:39px;height:39px;border-radius:12px;font-size:27px}
.card-grid h2{font-size:16px;margin:12px 0}.card-grid p{font-size:12px}.card-grid small{color:var(--muted);font-size:10px}.card-actions{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.card-actions span{color:var(--muted)}.card-link{display:block;margin-top:18px;font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{font-size:10px;background:#f0f3f9;color:#7388a7;padding:4px 9px;border-radius:7px}
.checkbox{display:flex;align-items:center;gap:10px;padding-top:25px}.checkbox input{width:16px;margin:0;accent-color:var(--teal)}
.notification{display:flex;align-items:center;padding:22px 25px;gap:16px;border-bottom:1px solid var(--line)}.notification.unread{background:#f5f9ffb0}.notification-dot{height:7px;width:7px;background:#d7dfea;border-radius:50%;flex-shrink:0}.unread .notification-dot,.reminder-item .notification-dot{background:#6c9edc}
.notification>div:nth-child(2){flex:1}.notification strong{font-size:11px;color:var(--teal)}.notification p{font-size:13px;margin:4px 0}.notification small{font-size:10px;color:var(--muted)}.notification-actions{text-align:right;font-size:11px}.notification-actions form{margin-top:5px}
.pagination{display:flex;justify-content:center;gap:24px;padding:18px;font-size:12px;color:var(--muted)}
.empty{padding:43px 25px;text-align:center;min-height:180px;width:100%}.empty>span{display:block;color:#a4b8d8;font-size:30px}.empty strong{display:block;font-size:14px;color:#7086a6;margin:12px}.empty p{color:#97a5b8;font-size:12px}
.rich-body{overflow-wrap:anywhere;font-size:14px;line-height:1.9;white-space:pre-wrap}.rich-body h2{font-size:21px;margin:24px 0 12px}.rich-body h2:first-child{margin-top:0}.rich-body h3{font-size:18px}.rich-body p,.rich-editor>div{margin:0 0 .65em}.rich-body p:last-child{margin-bottom:0}.rich-body strong,.rich-body b{font-weight:700}.rich-body img{display:block;max-width:100%;height:auto;border-radius:12px;margin:12px 0}.rich-body pre{overflow-x:auto;background:#eef2f9;padding:16px;border-radius:10px}.rich-body ul,.rich-body ol{padding-left:25px;white-space:normal}.rich-body li{white-space:pre-wrap;margin:5px 0}.rich-body table{display:block;overflow-x:auto;white-space:normal}.rich-body blockquote{margin:15px 0;padding:8px 17px;border-left:3px solid #acc7f0;background:#eff5ff}
.version-link{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.version-link small{display:block;color:var(--muted);font-size:10px}
.sop-form{max-width:none}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 16px;padding:9px;background:#edf2fa94;border:1px solid #fff;border-radius:14px}
.editor-toolbar button,.upload-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;border:1px solid #fff;background:linear-gradient(#ffffffed,#f6f9ffc4);border-radius:9px;color:#627da3;padding:7px 11px;margin:0;cursor:pointer;box-shadow:0 2px 5px #35486708;backdrop-filter:blur(12px)}
.editor-toolbar button:hover,.editor-toolbar button[aria-pressed=true]{background:#e0ecff;border-color:#bed4f5;color:#1a60b3}.upload-label{color:#2266ba;margin-left:auto}.upload-label input{position:absolute;width:1px;height:1px;opacity:0;padding:0}
.editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editor-pane{min-width:0;border:1px solid #dfe7f2;border-radius:15px;background:#ffffffa6;overflow:hidden}.reading-pane{background:#f7faffb0}
.editor-pane-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 17px;border-bottom:1px solid var(--line);font-size:12px;color:#607ea6}.editor-pane-heading small{font-size:10px;color:#98a7bd}
.rich-editor,.preview{min-height:360px;padding:23px;max-height:680px;overflow-y:auto}.rich-editor:focus{outline:0;box-shadow:inset 0 0 0 2px #c7dcfc}.rich-editor:empty:before{content:attr(data-placeholder);color:#9eacc0;pointer-events:none}.preview.is-empty{color:#a1aec1;font-size:12px}.editor-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:12px}.editor-bottom .hint{margin:0}#editor-count{white-space:nowrap}
details summary{cursor:pointer;color:var(--teal);font-size:12px}details[open]>summary{margin-bottom:20px}
.public-page{min-height:100vh;background:radial-gradient(ellipse at 80% 20%,#e4ecff,transparent 50%),radial-gradient(ellipse at 20% 90%,#edeaf8,transparent 50%),#f5f7fc}
.public-page .content{max-width:1190px;padding:90px 40px}.login-layout{display:grid;grid-template-columns:1fr 435px;gap:85px;align-items:center;min-height:65vh}.login-intro h1{font-size:41px;line-height:1.55;letter-spacing:-1px;margin:22px 0}.login-intro p{color:#7b8ba2;font-size:14px;line-height:2}.intro-features{display:flex;gap:23px;color:#7f93b2;font-size:12px;margin-top:34px}
.login-card{padding:39px 40px;background:#ffffff9c;border:1px solid #fff;box-shadow:0 24px 70px #53699212,inset 0 1px 0 #fff;border-radius:26px;backdrop-filter:blur(28px) saturate(140%)}.login-card .brand-icon{margin-bottom:25px;width:46px;height:46px}.login-card h2{font-size:25px;margin-bottom:8px}.login-card>p{font-size:12px;margin-bottom:26px}.login-card form{margin-top:26px}.login-card .hint{margin:22px 0 0;font-size:10px}.login-card input{background:#ffffffab;padding:12px 14px}.login-card .button{padding:12px}
.error-page{padding:60px;text-align:center}.error-page .button{margin-top:20px}
.count-pill{display:inline-block;padding:3px 9px;border-radius:9px;font-size:10px;vertical-align:middle;font-weight:500;color:#6a87b0;background:#edf3fda8;white-space:nowrap}
.account-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.segmented{display:flex;padding:4px;background:#e8edf5b0;border:1px solid #ffffffb5;border-radius:13px;width:fit-content;flex-shrink:0}
.segmented>a{padding:9px 18px;border:1px solid transparent;border-radius:10px;color:#8390a6;font-size:12px}.segmented>a.selected{background:#ffffffd9;border-color:#fff;box-shadow:0 2px 8px #4260820f;color:#346aaf}.segmented span{margin-left:7px;font-size:11px}
.account-search{display:flex;gap:8px;max-width:350px}.account-search input{min-width:170px}.account-person{display:flex;align-items:center;gap:11px}.account-person small{margin-top:2px}.account-actions{display:flex;align-items:center;gap:16px}.account-actions details[open]{min-width:210px}.inactive-accounts .account-person{color:#8390a4}.inactive-accounts .avatar{background:#edf0f5;color:#9ba4b3}.account-create{margin-top:24px;width:100%}
.recurrence-settings{border:1px solid #e1eafa;border-radius:16px;background:#f3f7ff94;padding:21px;margin:4px 0 23px}.section-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;color:#5476a8;font-size:13px}.section-caption small{font-size:10px;color:#91a0b6}
.schedule-summary{padding:13px 16px;background:#ffffffae;border:1px solid #fff;border-radius:11px}.schedule-summary span{font-size:10px;color:#8c9eb9}.schedule-summary p{font-size:12px;color:#5b7aab;margin:4px 0 0}#month-end-hint{margin:12px 0 0}
.reminder-panel{margin-bottom:25px}.reminder-heading-actions{display:flex;gap:19px;align-items:center;font-size:11px;white-space:nowrap}.reminder-list{padding:0 24px 8px}.reminder-item{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid var(--line)}.reminder-copy{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.reminder-copy strong{font-size:10px;color:#8599b4;white-space:nowrap;font-weight:500}.reminder-copy>a{font-size:12px;color:#536e95;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reminder-item time{font-size:10px;color:#9aa7ba;white-space:nowrap}.reminder-item .text-button{font-size:10px}.reminders-clear{display:flex;align-items:center;gap:14px;padding:7px 0 18px;color:#88a2bf}.reminders-clear>span{display:grid;place-items:center;width:36px;height:36px;background:#edf5f3;border-radius:12px;color:#89b3a3}.reminders-clear strong{font-size:12px;font-weight:500}.reminders-clear p{margin:1px 0 0;font-size:11px;color:#a0afc1}
@media(min-width:1600px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:1200px){:root{--sidebar:216px}.sidebar{padding:28px 14px 18px}.content{padding:29px 26px}.topbar{padding:0 26px}.dashboard-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:22px}.knowledge-card{margin-top:0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-layout{gap:40px;grid-template-columns:1fr 410px}.account-navigation{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:900px){:root{--sidebar:190px}.brand{font-size:15px;gap:9px;margin-left:4px}.sidebar nav>a{font-size:12px;gap:8px;padding:10px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.login-layout{grid-template-columns:1fr;max-width:450px;margin:auto}.login-intro{display:none}.public-page .content{padding:45px 20px}.form-grid{grid-template-columns:1fr}.filters{flex-wrap:wrap}.topbar i{display:none}.editor-layout{grid-template-columns:1fr}.rich-editor,.preview{min-height:260px;max-height:500px}.upload-label{margin-left:0}.form{padding:24px}.reminder-copy{align-items:flex-start;flex-direction:column;gap:1px}}
@media(max-width:600px){.sidebar{position:relative;width:100%;padding:16px;overflow-y:visible}.brand{margin:0 0 13px}.sidebar>.nav-label,.sidebar nav>.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px}.sidebar nav>a{white-space:nowrap;flex-shrink:0;margin:0;font-size:11px;padding:8px 10px}.sidebar nav>a>span{display:none}.sidebar nav>a.mobile-account{display:flex}.logout{position:absolute;top:18px;right:14px;margin:0}.workspace{margin-left:0}.topbar{height:45px;padding:0 18px;font-size:10px}.content{padding:24px 16px}.page-heading{flex-direction:column;gap:16px}.page-heading h1{font-size:24px}.stat-grid{gap:12px}.stat{padding:16px 19px;border-radius:16px;min-height:130px}.stat>strong{font-size:33px}.right-column{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.login-card{padding:32px 25px}.detail-body,.form{padding:21px}.notification{padding:18px 15px;gap:10px}.notification-actions{max-width:70px}.panel-heading{padding:18px}.reminder-panel .panel-heading{align-items:flex-start;flex-wrap:wrap}.reminder-list{padding:0 18px 7px}.reminder-item time{display:none}.reminder-copy>a{white-space:normal}.account-navigation{gap:15px}.account-search{width:100%;max-width:none}.segmented{width:100%}.segmented>a{flex:1;text-align:center;padding:9px 13px}.account-actions{align-items:flex-start;flex-direction:column;gap:9px}.account-panel table{min-width:520px}.editor-toolbar{gap:5px;padding:7px}.editor-toolbar button,.upload-label{padding:7px 9px}.editor-pane-heading{flex-wrap:wrap}.editor-bottom{flex-direction:column;gap:3px}.form-actions{flex-wrap:wrap}.section-caption{align-items:flex-start;flex-direction:column;gap:4px}.recurrence-settings{padding:17px}.public-page .content{padding:40px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Department and personal workbench share metrics but keep explicit scopes. */
.dashboard-notices{margin-bottom:27px}.dashboard-notice-list{padding:0 24px 8px;max-height:340px;overflow-y:auto}.dashboard-notice{display:flex;gap:22px;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line)}.notice-content{min-width:0;flex:1}.notice-tags{display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:6px}.dashboard-notice h3{font-size:15px;margin:0 0 7px}.notice-excerpt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#60738d;margin-bottom:7px}.dashboard-notice small{font-size:11px;color:var(--muted)}.notice-actions{display:flex;align-items:flex-end;justify-content:center;flex-direction:column;gap:14px;flex-shrink:0;font-size:12px}.button.compact{padding:8px 12px;font-size:11px}.acknowledged .notice-excerpt{color:#7c8a9d}.compact-empty{padding:15px 0 23px;font-size:13px;color:var(--muted)}.panel-footnote{font-size:11px;color:var(--muted);padding:0 24px 17px;margin:0}
.workload-toolbar,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 15px}.workload-toolbar p,.section-heading p{font-size:12px;color:var(--muted);margin:5px 0 0}.period-picker{display:flex;gap:11px;align-items:center;flex-shrink:0}.period-picker>span{font-size:11px;color:var(--muted)}.period-picker .segmented>a{padding:7px 15px}.section-heading h2{margin:0;font-size:18px}.section-heading>a{font-size:12px;white-space:nowrap}.workload-section .stat-grid{margin-bottom:17px}.workload-section .stat{min-height:135px;padding-top:20px;padding-bottom:17px}.team-section{padding:0 0 24px;margin-bottom:25px;border-bottom:1px solid #cddcf0}.personal-section{margin-bottom:26px}.team-section .stat{border-color:#d4e2f6;background:linear-gradient(145deg,#fffffff0,#edf4ffb8)}
.employee-summary>summary{padding:16px 21px;display:list-item;list-style-position:inside;font-weight:600;font-size:13px;color:#4b6f9e}.employee-summary>summary>span{font-size:11px;font-weight:400;color:var(--muted);margin-left:12px}.employee-summary[open]>summary{margin-bottom:0;border-bottom:1px solid var(--line)}.employee-summary table{min-width:650px}.metric-link{display:inline-block;min-width:26px;font-variant-numeric:tabular-nums;font-weight:600}.task-filters{flex-wrap:wrap;gap:12px;align-items:flex-end}.task-filters label{margin:0;flex:1 1 140px;max-width:260px}.task-filters select{width:100%;min-width:0}.task-filters input{max-width:none}.task-filters button{margin-bottom:0}.result-caption{display:flex;align-items:center;gap:14px;margin:12px 0 16px;flex-wrap:wrap;color:#5b7392;font-size:13px}.result-caption>span,.result-caption>small{font-size:12px;color:var(--muted)}.template-duration{color:#5476a8;font-size:12px}
@media(max-width:1000px){.workload-toolbar{align-items:flex-start;flex-direction:column}.dashboard-notice{gap:13px}.notice-actions{max-width:140px}}
@media(max-width:600px){.dashboard-notices .panel-heading{align-items:flex-start;gap:12px}.dashboard-notices .panel-heading>a{white-space:nowrap;font-size:11px}.dashboard-notice-list{padding:0 18px 8px;max-height:none}.dashboard-notice{flex-direction:column;gap:10px}.notice-actions{flex-direction:row;align-items:center;justify-content:space-between;max-width:none}.section-heading{align-items:flex-start;flex-direction:column;gap:9px}.period-picker{width:100%}.period-picker>span{white-space:nowrap}.period-picker .segmented{flex:1}.team-section{padding-bottom:19px}.employee-summary>summary>span{display:block;margin:4px 0 0 15px}.task-filters label{max-width:none;flex-basis:calc(50% - 12px)}.task-filters button{width:100%}.panel-footnote{padding:0 18px 16px}}