:root{--ink:#17243b;--muted:#6c7789;--line:#e6eaf0;--bg:#f5f7fb;--purple:#6d4aff;--purple-dark:#5636d8;--green:#16875d;--red:#d64c58;--blue:#4776e6;--shadow:0 8px 26px rgba(24,39,75,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted,.section-heading p,.kpi-card small,.small-muted{color:var(--muted)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(22px,calc((100vw - 1440px)/2));background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#8065ff,#5636d8);color:white;font-weight:900;letter-spacing:-1px;box-shadow:0 7px 16px #6d4aff30}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{color:var(--muted);font-size:11px;margin-top:2px}.top-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.connection{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;margin-right:4px}.connection i,.updated-dot{width:7px;height:7px;background:#1ca875;border-radius:50%;display:inline-block}.connection.error i{background:var(--red)}.btn{border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:700;font-size:12px;transition:.18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--purple);color:white;box-shadow:0 5px 12px #6d4aff25}.btn-primary:hover{background:var(--purple-dark)}.btn-light{background:white;border-color:var(--line);color:var(--ink)}.btn-light:hover{border-color:#c8cfe0;background:#fbfcff}.btn-small{padding:7px 10px;font-size:11px}.btn-full{width:100%;margin-top:10px}.page-shell{max-width:1440px;margin:0 auto;padding:30px 24px 18px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;color:var(--purple);margin:0 0 7px}.welcome-row h1{font-size:clamp(24px,3vw,34px);letter-spacing:-1px;line-height:1.15;margin:0 0 9px}.welcome-row .muted{margin:0;font-size:13px}.updated-box{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center;padding:10px 13px;border:1px solid var(--line);background:#fff;border-radius:12px;font-size:10px;color:var(--muted);white-space:nowrap}.updated-dot{grid-row:span 2}.updated-box strong{font-size:11px;color:var(--ink)}.panel{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:19px;margin-bottom:18px;min-width:0}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px}.section-heading h2{font-size:15px;letter-spacing:-.25px;margin:0 0 3px}.section-heading p{font-size:11px;margin:0}.filters{padding:18px 20px}.filters .section-heading{align-items:center}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.filter-grid label,.login-card label,.admin-block label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#536076}.filter-grid select,.filter-grid input,.style-search-form input,.login-card input,.admin-block input:not([type=file]){width:100%;min-width:0;border:1px solid #dfe4ec;border-radius:9px;padding:10px 11px;background:#fff;color:var(--ink);outline:none;font-size:12px}.filter-grid select:focus,.filter-grid input:focus,.style-search-form input:focus,.login-card input:focus,.admin-block input:focus{border-color:#9d8aff;box-shadow:0 0 0 3px #6d4aff12}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.main-column,.side-column{min-width:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.kpi-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px 15px;box-shadow:var(--shadow);min-width:0}.kpi-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue)}.kpi-approved:after{background:var(--green)}.kpi-rejected:after{background:var(--red)}.kpi-rate:after{background:var(--purple)}.kpi-days:after{background:#e5a332}.kpi-fast:after{background:#16875d}.kpi-mid:after{background:#e5a332}.kpi-slow:after{background:#d64c58}.kpi-fast .kpi-icon{background:#e9f8f1;color:#16875d}.kpi-mid .kpi-icon{background:#fff7e6;color:#bc8116}.kpi-slow .kpi-icon{background:#fff0f0;color:#c83e4b}.kpi-top{display:flex;justify-content:space-between;gap:5px;align-items:center;font-size:10px;font-weight:700;color:var(--muted)}.kpi-icon{width:25px;height:25px;display:grid;place-items:center;background:#f0f3ff;color:var(--blue);border-radius:8px;font-weight:900;font-size:15px}.kpi-approved .kpi-icon{background:#e9f8f1;color:var(--green)}.kpi-rejected .kpi-icon{background:#fff0f0;color:var(--red)}.kpi-rate .kpi-icon{background:#f1edff;color:var(--purple)}.kpi-days .kpi-icon{background:#fff7e6;color:#bc8116}.kpi-card>strong{display:block;font-size:clamp(22px,2.5vw,30px);letter-spacing:-1px;margin:12px 0 3px;line-height:1.1}.kpi-card small{font-size:9px}.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.chart-panel{margin-bottom:0;padding:17px}.chart-wide{grid-column:1/-1}.chart-wrap{position:relative;height:220px}.chart-wrap-tall{height:270px}.empty-chart{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px;background:#ffffffd9}.side-column .panel{padding:18px}.calendar-icon{color:var(--purple);font-size:20px}.holiday-list{display:flex;flex-direction:column;gap:10px}.holiday-item{display:flex;gap:10px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid #f0f2f6}.holiday-item:last-child{border:0;padding-bottom:0}.holiday-date{width:43px;flex-shrink:0;text-align:center;padding:7px 3px;background:#f1edff;border-radius:9px;color:var(--purple);font-size:9px;font-weight:800;line-height:1.25}.holiday-date strong{display:block;font-size:17px}.holiday-info strong{display:block;font-size:11px;line-height:1.35}.holiday-info small{font-size:10px;color:var(--muted)}.info-panel{background:linear-gradient(145deg,#fff,#faf9ff)}.info-icon{display:grid;place-items:center;width:26px;height:26px;background:#eee9ff;color:var(--purple);border-radius:50%;font-weight:800;margin-bottom:11px}.info-panel h3,.admin-block h3{font-size:12px;margin:0 0 7px}.info-panel p{font-size:11px;color:var(--muted);margin:0 0 10px}.info-panel .small-muted{font-size:10px;border-top:1px solid var(--line);padding-top:10px;margin-bottom:0}.style-search{margin-top:18px}.style-search-form{display:flex;gap:9px}.style-search-form input{flex:1}.helper-text{font-size:11px;color:var(--muted);margin:8px 0 0}.style-results{margin-top:10px;display:grid;gap:10px}.style-result{border:1px solid var(--line);border-radius:11px;padding:13px;background:#fcfcff}.style-result-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.style-result h3{font-size:12px;margin:0 0 4px;overflow-wrap:anywhere}.style-result p{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;color:#4e596b}.style-meta{font-size:10px;color:var(--muted)}.status-pill{display:inline-block;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;background:#edf1f8;color:#59657a;white-space:nowrap}.status-approved{background:#e6f7ef;color:#16875d}.status-rejected{background:#fff0f0;color:#c83e4b}.sample-table-panel{margin-top:18px}.table-heading{align-items:center}.table-scroll{overflow:auto;width:100%;border:1px solid #edf0f5;border-radius:10px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid #edf0f5;vertical-align:top;font-size:10px}th{background:#f8f9fc;color:#677387;font-size:9px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}tbody tr:hover{background:#fbfaff}td{max-width:260px;overflow-wrap:anywhere}.comment-cell{max-width:250px;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.table-message{text-align:center;color:var(--muted);padding:25px}.pagination{display:flex;align-items:center;justify-content:center;gap:15px;padding-top:14px;font-size:11px;color:var(--muted)}.admin-panel{border-color:#dcd4ff}.admin-badge{font-size:9px;font-weight:900;color:var(--purple);background:#f1edff;border-radius:6px;padding:5px 7px}.admin-block{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.admin-block p{font-size:10px;color:var(--muted);margin:4px 0 12px}.admin-block label{margin-top:10px}.admin-block input[type=file]{width:100%;font-size:10px;margin:8px 0}.file-label{display:inline-block;background:#f6f4ff;padding:7px 10px;border-radius:7px;color:var(--purple)!important}.footer{display:flex;justify-content:space-between;gap:12px;padding:10px 2px;color:#8b95a5;font-size:10px}.modal-backdrop{position:fixed;inset:0;background:rgba(20,26,43,.52);z-index:50;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.login-card{position:relative;background:white;border-radius:20px;padding:30px;width:min(100%,390px);box-shadow:0 20px 70px #12172a40}.modal-close{position:absolute;right:17px;top:15px;border:0;background:#f2f3f7;border-radius:50%;width:30px;height:30px;font-size:20px;color:#647084}.login-mark{margin-bottom:20px}.login-card h2{font-size:24px;letter-spacing:-.5px;margin:0 0 6px}.login-card>.muted{font-size:12px;margin:0 0 18px}.login-card label{margin-top:13px}.login-card input{padding:12px}.toast{position:fixed;bottom:20px;right:20px;z-index:60;max-width:360px;background:#18233b;color:white;border-radius:10px;padding:13px 16px;font-size:12px;box-shadow:0 10px 30px #1113}.toast.error{background:#9e2937}
@media(max-width:1150px){.content-grid{grid-template-columns:minmax(0,1fr) 260px}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.topbar{position:static;align-items:flex-start;flex-direction:column;padding:14px 18px}.top-actions{justify-content:flex-start}.page-shell{padding:22px 15px}.welcome-row{align-items:flex-start;flex-direction:column}.content-grid{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.side-column .panel{margin-bottom:0}.admin-panel{grid-column:1/-1}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.top-actions{width:100%;gap:7px}.connection{width:100%}.btn{padding:9px 10px}.page-shell{padding:17px 10px}.filter-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi-card{padding:13px 12px}.kpi-card>strong{font-size:25px}.charts-grid{grid-template-columns:1fr}.chart-wide{grid-column:auto}.side-column{grid-template-columns:1fr}.style-search-form{flex-wrap:wrap}.style-search-form input{flex-basis:100%}.section-heading h2{font-size:14px}.panel{padding:14px}.footer{flex-direction:column}.updated-box{align-self:flex-start}}
@page{size:auto;margin:12mm}@media print{html,body{background:#fff!important;color:#111!important;font-size:10pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print,.top-actions,.filters,.style-search,.pagination,.admin-panel,.footer,.updated-box{display:none!important}.topbar{position:static;padding:0 0 10px;border-bottom:2px solid #333;background:#fff!important}.brand-mark{box-shadow:none!important}.page-shell{max-width:none;padding:10px 0}.welcome-row{margin:10px 0 14px;display:block}.welcome-row h1{font-size:22pt}.welcome-row .muted{font-size:9pt}.content-grid{display:block}.side-column{display:block;margin-top:14px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:12px}.kpi-card{box-shadow:none;padding:9px;border:1px solid #ccc;break-inside:avoid}.kpi-card>strong{font-size:20pt}.kpi-card small{font-size:7pt}.kpi-top{font-size:8pt}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.panel{box-shadow:none;border:1px solid #ccc;border-radius:6px;padding:10px;margin-bottom:10px;break-inside:avoid}.chart-panel{break-inside:avoid}.chart-wrap{height:180px}.chart-wrap-tall{height:220px}.chart-wide{grid-column:1/-1}.table-scroll{overflow:visible;border:0}table{min-width:0;width:100%;table-layout:fixed}th,td{font-size:7pt;padding:5px 4px;overflow-wrap:anywhere}th{white-space:normal}.comment-cell{display:block;max-height:none;overflow:visible;-webkit-line-clamp:unset}.table-heading{margin-bottom:8px}.section-heading h2{font-size:11pt}.section-heading p{font-size:8pt}.holiday-item{break-inside:avoid}.holiday-date{background:#eee!important;color:#111!important}.info-panel{display:none}a{color:inherit;text-decoration:none}canvas{max-width:100%!important}.sample-table-panel{break-before:auto}}


/* Visual refresh: more distinctive editorial dashboard styling */
:root{--ink:#18233b;--muted:#727d91;--bg:#f4f5fb;--purple:#6846e8;--purple-dark:#5030c7;--shadow:0 12px 34px rgba(32,38,78,.065)}
body{background:radial-gradient(ellipse at 8% 0%,rgba(117,91,246,.09),transparent 31rem),linear-gradient(180deg,#f8f8fd 0%,#f2f4fa 100%)}
.topbar{padding-top:13px;padding-bottom:13px;box-shadow:0 4px 24px rgba(26,31,68,.035)}
.brand-mark{background:linear-gradient(145deg,#8069ff 0%,#5230c9 100%);border-radius:15px;box-shadow:0 8px 20px #6846e833}
.page-shell{padding-top:34px}
.welcome-row{position:relative;overflow:hidden;align-items:center;margin-bottom:25px;padding:28px 30px;border:1px solid #e5e1ff;border-radius:22px;background:linear-gradient(115deg,#fff 0%,#fbfaff 54%,#f0edff 100%);box-shadow:0 15px 38px rgba(74,54,153,.065)}
.welcome-row:after{content:"TAO";position:absolute;right:27%;top:-37px;font-size:142px;font-weight:950;letter-spacing:-13px;color:rgba(104,70,232,.035);pointer-events:none}
.welcome-row>div:first-child{position:relative;z-index:1}
.eyebrow{display:flex;align-items:center;gap:8px;letter-spacing:1.55px}.eyebrow-line{display:inline-block;width:22px;height:2px;border-radius:2px;background:var(--purple)}
.welcome-row h1{font-size:clamp(27px,3vw,39px);letter-spacing:-1.6px}.welcome-row h1 span{color:var(--purple)}.welcome-row .muted{font-size:13px;max-width:600px}
.updated-box{position:relative;z-index:1;display:flex;align-items:flex-start;gap:11px;min-width:260px;padding:14px 16px;border-color:#e2dcff;background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(69,49,144,.06);white-space:normal}
.updated-dot{flex:none;margin-top:5px;width:8px;height:8px;box-shadow:0 0 0 4px #1ca87518}.updated-copy{display:flex;flex-direction:column;gap:3px}.updated-label{font-size:9px;letter-spacing:1.1px;font-weight:900;color:#7b6bb7}.updated-box strong{font-size:13px;line-height:1.4}.updated-box small{font-size:9px;color:var(--muted)}
.panel{border-radius:18px;box-shadow:0 9px 28px rgba(24,35,59,.045);transition:box-shadow .2s,border-color .2s}.panel:hover{border-color:#dedaf3;box-shadow:0 12px 32px rgba(24,35,59,.065)}
.filters{background:linear-gradient(120deg,#fff,#fcfbff);border-color:#e7e2fb}.filters .section-heading h2,.section-heading h2{letter-spacing:-.35px}.filter-grid select,.filter-grid input,.style-search-form input{border-radius:11px;min-height:41px;background:#fdfdff}.btn{border-radius:11px}.btn-primary{background:linear-gradient(135deg,#7658f2,#5a39d3);box-shadow:0 6px 14px #6846e82b}.btn-primary:hover{background:linear-gradient(135deg,#6949e7,#4f2dc7)}
.kpi-card{border-radius:17px;padding:18px 16px;background:linear-gradient(145deg,#fff,#fdfdff);box-shadow:0 8px 25px rgba(27,38,74,.045)}.kpi-card:after{width:4px}.kpi-card>strong{font-size:clamp(25px,2.5vw,34px);letter-spacing:-1.2px}.kpi-top{font-size:10px;letter-spacing:.1px}.kpi-icon{width:29px;height:29px;border-radius:10px}.chart-panel{padding:20px}.chart-wrap{height:235px}.chart-wrap-tall{height:285px}.holiday-date{background:linear-gradient(145deg,#f1edff,#e8e1ff);border:1px solid #e6ddff}.admin-panel{background:linear-gradient(145deg,#fff,#faf8ff);border-color:#d8ceff}.admin-badge{letter-spacing:.7px}.sample-table-panel{overflow:hidden}.table-scroll{border-radius:12px}th{background:#f5f4fc;color:#68627f}tbody tr:nth-child(even){background:#fdfdff}tbody tr:hover{background:#f6f3ff}.status-pill{padding:5px 9px}
@media(max-width:850px){.welcome-row{padding:23px;gap:18px}.updated-box{min-width:0}.welcome-row:after{right:5%;font-size:110px}}
@media(max-width:560px){.welcome-row{padding:20px 17px;border-radius:17px}.welcome-row h1{font-size:28px}.updated-box{width:100%}.welcome-row:after{top:-15px;right:2%;font-size:80px}.kpi-card>strong{font-size:25px}.chart-panel{padding:15px}}
@media print{.welcome-row{background:#fff!important;border:0;box-shadow:none;padding:10px 0}.welcome-row:after{display:none}.updated-box{display:flex!important;box-shadow:none;background:#fff!important}.updated-box small{color:#555!important}.panel,.kpi-card{box-shadow:none!important}}