:root{--navy:#171a24;--navy2:#242834;--ink:#20232d;--muted:#7b8496;--bg:#f7f8fb;--line:#e8ebf1;--white:#fff;--accent:#ff624a;--accent-soft:#fff2ef;--shadow:0 8px 28px rgba(24,30,45,.055)}
body{background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI Variable","Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.55;font-weight:400;letter-spacing:-.006em}h1,h2,h3,h4,strong,b{letter-spacing:-.022em}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:700;color:#98a2b6}.btn{font-weight:650}.btn.primary{background:var(--accent);box-shadow:0 5px 14px rgba(255,98,74,.2)}.btn.primary:hover{background:#f1533d}.btn.soft{background:#f3f5f8;color:#50596b;border:1px solid var(--line)}
.sidebar{background:#fff;color:#626b7c;border-right:1px solid var(--line);box-shadow:none}.sidebar>.brand{border-bottom:1px solid var(--line)}.sidebar .brand.light{color:#20232d}.sidebar .brand-mark{background:linear-gradient(145deg,#ff735f,#ff5038);box-shadow:none}.workspace{background:#fafbfc;border:1px solid var(--line);color:#626b7c}.workspace small{color:#a1aabd}.workspace strong{color:#252936;font-weight:650}.workspace span{color:#929bad}.sidebar nav a{font-weight:550;border-radius:10px}.sidebar nav a:hover{color:#343946;background:#f7f8fa}.sidebar nav a.active{color:var(--accent);background:var(--accent-soft);box-shadow:none;font-weight:650}.sidebar nav a.active i{color:var(--accent)}.count{background:var(--accent)}.method-card{background:#f7f8fb;border:1px solid var(--line);color:#7b8496}.method-card b{color:#272c38;font-weight:650}.method-card span{color:#a0a8b8}.logout{color:#929aaa}
.topbar{height:70px;border-color:var(--line);box-shadow:0 1px 0 rgba(20,26,40,.02)}.topbar strong{font-size:16px;font-weight:650}.avatar{background:#1b1e28;color:#fff}.page{padding:32px 28px}.hero{background:radial-gradient(circle at 90% 110%,rgba(122,79,191,.25),transparent 35%),radial-gradient(circle at 0 0,rgba(255,98,74,.18),transparent 32%),linear-gradient(120deg,#191c25,#171925);border-radius:18px;box-shadow:0 12px 35px rgba(24,27,38,.13)}.hero h1{font-size:34px;font-weight:680}.hero p{color:#c6c9d2}.hero .eyebrow{color:#ff9c8d}.signal-gauge strong{font-weight:680}.kpis{gap:12px}.kpis article,.panel,.client-card,.approval{border-color:var(--line);border-radius:14px;box-shadow:var(--shadow)}.kpis article>b{font-size:27px;font-weight:680}.kpis article>span{font-weight:650;color:#939bad}.panel-head h3{font-weight:650}.pill{background:#f5f6f8;color:#737c8d;border:1px solid var(--line)}
.title-row h1{font-size:29px;font-weight:680}.title-row p{color:#7c8596}.client-card h3,.approval h2{font-weight:650}.client-logo{border-radius:10px;background:#f1f4f7;color:#344556}.status{background:#f1f8f5;color:#398267}.kanban section{background:#f0f2f6}.kanban section>header{font-weight:650}.kanban article{box-shadow:0 2px 8px rgba(26,33,48,.035)}.kanban h4{font-weight:620}.copy-preview{background:#fafbfc;border-left-color:var(--accent)}.attention div b{font-weight:620}.method-flow article{border-top-color:var(--accent);box-shadow:var(--shadow)}.method-flow span{color:var(--accent)}input,select,textarea{border-color:#e1e5eb;color:#292e3a}input:focus,textarea:focus{border-color:#ff8b79;box-shadow:0 0 0 3px rgba(255,98,74,.1)}dialog{border-radius:16px}.toast{background:#eef8f3;color:#287255;border-color:#cfe9dc}
.login-page{background:#171a24}.login-story{background:radial-gradient(circle at 65% 65%,rgba(255,98,74,.17),transparent 32%),linear-gradient(145deg,#191c26,#232736)}.login-story h1{font-size:52px;font-weight:680}.login-story h1 em{color:#ff8a77}.login-story p{color:#c8cbd4}.login-card h2{font-weight:680}.login-card .brand-mark{background:linear-gradient(145deg,#ff735f,#ff5038)}@media(max-width:760px){.sidebar{box-shadow:12px 0 35px rgba(22,27,39,.12)}.page{padding:20px 16px}.hero h1{font-size:29px}}
