:root{--ink:#20222b;--muted:#7b7f8c;--line:#ebe9e5;--canvas:#f7f7f5;--orange:#ff6f36;--orange-soft:#fff0ea;--blue:#4d85ee;--green:#31a479;--violet:#8d68db;--shadow:0 12px 32px rgba(48,42,32,.07)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Segoe UI","Malgun Gothic",Arial,sans-serif}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:256px;padding:28px 16px;background:#25262d;color:#fdfdfd;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;padding:5px 11px 33px;color:#fff;text-decoration:none;font-size:25px;font-weight:700;letter-spacing:-1px}.brand-mark{font-size:28px}.brand small{align-self:center;margin-left:auto;color:#ffb092;font-size:8px;letter-spacing:1.2px}.sidebar-nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 14px;color:#bfc1c9;text-decoration:none;border-radius:12px;font-size:14px;font-weight:600;transition:.2s}.nav-item span{width:19px;text-align:center;font-size:18px}.nav-item:hover,.nav-item.is-active{background:#393a43;color:#fff}.nav-item.is-active{box-shadow:inset 3px 0 var(--orange)}.sidebar-status{margin-top:auto;padding:15px 13px;background:#31323a;border-radius:13px;color:#eee;font-size:12px;line-height:1.8}.sidebar-status small{color:#9fa1aa;font-size:10px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#f5aa37}.main-area{min-height:100vh;margin-left:256px;padding:0 42px 46px}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.topbar h1{margin:2px 0 0;font-size:21px;letter-spacing:-.8px}.eyebrow{margin:0;color:#9a9ca4;font-size:10px;font-weight:700;letter-spacing:1.2px}.topbar-actions,.heading-actions{display:flex;align-items:center;gap:10px}.icon-button{border:0;background:#fff;border-radius:10px;width:40px;height:40px;color:#565966;font-size:19px;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.035)}.profile-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#3b3d47;font-family:inherit;cursor:pointer}.profile-button span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;color:#bc4b25;background:#ffdfd1;font-size:12px}.profile-button b{font-size:12px}.mobile-menu{display:none}.page-heading{padding:34px 0 27px;display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.page-heading h2{margin:0;font-size:21px;letter-spacing:-1px}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:12px}.button{height:39px;padding:0 15px;border:0;border-radius:10px;font:600 12px inherit;cursor:pointer;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--orange);color:white;box-shadow:0 7px 17px rgba(255,111,54,.25)}.button-ghost{background:#fff;color:#595c67;border:1px solid var(--line)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.metric-card{position:relative;overflow:hidden;min-height:154px;padding:20px;border-radius:17px;background:#fff;box-shadow:var(--shadow)}.metric-card:after{content:"";position:absolute;width:87px;height:87px;right:-22px;bottom:-34px;border-radius:50%;opacity:.12;background:currentColor}.metric-card p{margin:9px 0 2px;color:#777b87;font-size:12px}.metric-card strong{font-size:27px;letter-spacing:-1.2px}.metric-card>span{display:block;margin-top:10px;color:#a0a3ac;font-size:10px}.metric-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;font-size:17px;font-weight:700}.orange{color:var(--orange)}.orange .metric-icon{background:var(--orange-soft)}.blue{color:var(--blue)}.blue .metric-icon{background:#ebf1ff}.green{color:var(--green)}.green .metric-icon{background:#e7f6f0}.violet{color:var(--violet)}.violet .metric-icon{background:#f1ebff}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(285px,1fr);gap:17px;margin-top:17px}.panel{min-height:250px;padding:22px;background:#fff;border-radius:17px;box-shadow:var(--shadow)}.panel.wide{min-width:0}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-header h3{margin:4px 0 0;font-size:16px;letter-spacing:-.6px}.panel-header>a{color:var(--orange);font-size:11px;font-weight:600;text-decoration:none}.period-select{padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#696c77;font:11px inherit}.chart-empty{position:relative;height:180px;margin-top:16px;overflow:hidden;border-radius:12px;background:linear-gradient(180deg,#fff 0,#fff8f5 100%)}.chart-line{position:absolute;left:16px;right:16px;border-top:1px dashed #ede8e3}.line-1{top:32px}.line-2{top:87px}.line-3{top:142px}.empty-message,.empty-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-message span,.empty-state span{font-size:23px;color:#d3d5db}.empty-message b,.empty-state b{margin-top:7px;color:#5f626d;font-size:12px}.empty-message small,.empty-state small{margin-top:5px;color:#a0a2aa;font-size:10px}.tasks{position:relative}.count-badge{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eff7f3;color:var(--green);font-size:11px;font-weight:700}.empty-state.compact{position:relative;height:170px}.table-wrap{margin-top:17px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{padding:10px 12px;color:#989aa3;border-bottom:1px solid var(--line);font-size:10px;font-weight:600}td{padding:12px}.empty-row td{text-align:center;color:#9b9ea6}.empty-row span{margin-right:7px}.ai-panel{background:linear-gradient(145deg,#fff 25%,#fcf8ff)}.ai-orbit{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#7457bd;background:#ede8fa;font-size:17px}.modal-backdrop{position:fixed;z-index:10;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(24,25,30,.44)}.modal-backdrop.is-visible{display:flex}.modal{position:relative;width:min(420px,100%);padding:35px;border-radius:20px;background:#fff;text-align:center;box-shadow:0 25px 70px rgba(0,0,0,.22)}.modal-icon{display:inline-grid;place-items:center;width:53px;height:53px;border-radius:16px;background:#fff0ea;font-size:27px}.modal h2{margin:15px 0 8px;font-size:19px}.modal p{margin:0 0 24px;color:#727580;font-size:13px;line-height:1.7}.modal-close{position:absolute;right:13px;top:11px;border:0;background:transparent;color:#91949e;font-size:24px;cursor:pointer}.toast-region{position:fixed;z-index:20;right:25px;bottom:25px;display:grid;gap:8px}.toast{max-width:320px;padding:13px 16px;border-radius:11px;background:#282a31;color:#fff;font-size:12px;opacity:0;transform:translateY(8px);transition:.25s;box-shadow:0 12px 25px rgba(0,0,0,.18)}.toast.is-visible{opacity:1;transform:translateY(0)}.login-body{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,#fff5f0,#f3f5fb)}.login-card{display:grid;grid-template-columns:1fr 1fr;width:min(900px,100%);min-height:545px;overflow:hidden;border-radius:23px;background:#fff;box-shadow:0 24px 64px rgba(69,48,32,.13)}.login-art{position:relative;padding:57px;color:white;background:linear-gradient(145deg,#ff814e,#f3532c);overflow:hidden}.login-art:after{content:"";position:absolute;width:390px;height:390px;right:-170px;bottom:-175px;border:42px solid rgba(255,255,255,.13);border-radius:50%}.login-art>span{font-size:42px}.login-art p{margin:48px 0 9px;font-size:11px;font-weight:700;letter-spacing:1.5px}.login-art h1{margin:0;font-size:35px;line-height:1.32;letter-spacing:-2px}.login-art small{position:absolute;bottom:53px;color:#ffe2d6;font-size:11px}.login-form{padding:51px 54px}.login-brand{display:block;margin-bottom:52px;color:#282a31;text-decoration:none;font-size:21px}.login-form h2{margin:8px 0;font-size:25px;letter-spacing:-1.2px}.login-form>p:not(.eyebrow){margin:0 0 30px;color:#777a84;font-size:12px;line-height:1.65}.login-form form{display:grid;gap:16px}.login-form label{display:grid;gap:7px;color:#5c606b;font-size:12px;font-weight:600}.login-form input{height:43px;padding:0 12px;border:1px solid #e5e5e7;border-radius:9px;outline:0;font:13px inherit}.login-form input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #fff0ea}.button-full{width:100%;margin-top:5px}.form-note{margin:0;color:#d0542e;font-size:11px;line-height:1.5}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.tasks,.ai-panel{min-height:185px}.empty-state.compact{height:105px}}@media(max-width:760px){.sidebar{width:245px;transform:translateX(-100%);transition:transform .22s}.sidebar.is-open{transform:translateX(0);box-shadow:8px 0 30px rgba(0,0,0,.2)}.main-area{margin-left:0;padding:0 18px 30px}.mobile-menu{display:grid;place-items:center}.topbar{height:77px}.topbar h1{font-size:17px}.profile-button b{display:none}.page-heading{padding:25px 0 21px;align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions .button{flex:1}.metric-grid{gap:11px}.metric-card{min-height:133px;padding:15px}.metric-card strong{font-size:22px}.metric-card>span{font-size:9px}.dashboard-grid{gap:11px;margin-top:11px}.panel{padding:17px;border-radius:14px}.login-body{padding:14px}.login-card{grid-template-columns:1fr;min-height:0}.login-art{min-height:206px;padding:30px}.login-art p{margin:20px 0 5px}.login-art h1{font-size:27px}.login-art small{bottom:25px}.login-form{padding:34px 29px}.login-brand{margin-bottom:30px}}@media(max-width:410px){.metric-grid{grid-template-columns:1fr}.page-heading h2{font-size:19px}}