:root{--primary:#168b62;--primary-dark:#0f6f4d;--sidebar:#0b2f27;--surface:#f5f7fb;--line:#e7eaf0;--muted:#6b7280;--sidebar-width:272px}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:#1f2937;font-family:Inter,system-ui,sans-serif;font-size:.92rem}a{text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:linear-gradient(180deg,#0b2f27,#0d3b30);color:#fff;display:flex;flex-direction:column;z-index:1040;box-shadow:8px 0 35px rgba(17,24,39,.08)}.sidebar-brand{height:82px;display:flex;align-items:center;gap:12px;padding:0 24px;color:#fff;font-size:1rem;font-weight:800;letter-spacing:-.02em;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar-brand small{display:block;color:#8993a7;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;margin-top:2px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#21a875,#61d2a4);box-shadow:0 8px 25px rgba(22,139,98,.35)}.sidebar-scroll{padding:20px 14px;overflow-y:auto;flex:1}.menu-label{color:#697386;text-transform:uppercase;font-size:.64rem;letter-spacing:.16em;font-weight:800;margin:19px 13px 8px}.menu-label:first-child{margin-top:3px}.menu-link{display:flex;align-items:center;gap:12px;color:#aeb7c8;padding:10px 13px;margin:3px 0;border-radius:9px;font-weight:500;transition:.18s}.menu-link i{font-size:1.1rem;width:22px}.menu-link:hover,.menu-link:focus{color:#fff;background:rgba(255,255,255,.075)}.sidebar-user{margin:14px;padding:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);border-radius:12px;display:flex;align-items:center;gap:10px}.sidebar-user>a{color:#8490a5;margin-left:auto}.avatar{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#168b62;font-weight:700}.user-copy{min-width:0}.user-copy strong,.user-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy strong{font-size:.8rem}.user-copy small{font-size:.68rem;color:#8490a5}.app-content{margin-left:var(--sidebar-width);min-height:100vh}.topbar{height:82px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:1020}.topbar h1{font-size:1.05rem;margin:0;font-weight:750}.breadcrumb-copy{font-size:.69rem;color:#9aa1ad;margin-top:3px}.topbar-actions{display:flex;align-items:center;gap:9px}.icon-btn{border:1px solid var(--line);background:#fff;color:#495365;border-radius:9px;width:37px;height:37px;display:grid;place-items:center}.mobile-menu{display:none}.content-area{padding:28px 30px 45px;max-width:1700px;margin:0 auto}.card{border:1px solid rgba(231,234,240,.8);border-radius:14px;box-shadow:0 4px 18px rgba(25,33,50,.045);background:#fff}.card-header{background:#fff;border-bottom:1px solid var(--line);padding:18px 21px;border-radius:14px 14px 0 0!important}.btn{border-radius:9px;font-weight:600}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.form-control,.form-select{border-color:#dfe3ea;border-radius:9px;min-height:40px}.form-control:focus,.form-select:focus{border-color:#42ad83;box-shadow:0 0 0 .2rem rgba(22,139,98,.12)}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.page-heading h2{font-size:1.45rem;font-weight:750;letter-spacing:-.025em;margin:0}.page-heading p{color:var(--muted);margin:.35rem 0 0}.metric{overflow:hidden}.metric .card-body{padding:20px}.metric-value{font-weight:800;font-size:1.8rem;letter-spacing:-.04em}.metric-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#e6f6ef;color:var(--primary);font-size:1.15rem}.table{--bs-table-bg:transparent}.table thead th{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:#7b8494;font-weight:700;background:#fafbfc;border-bottom-color:var(--line);padding:13px 17px}.table td{padding:14px 17px;border-color:#edf0f4}.progress{height:19px;border-radius:20px;background:#edf0f4}.progress-bar{background:linear-gradient(90deg,#168b62,#2bb89a);font-size:.67rem;font-weight:700}.status{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:1rem;background:#eef1f5;color:#566070;font-size:.72rem;font-weight:700}.status-review{background:#fff2d5;color:#8a5c00}.status-complete,.status-approved{background:#dff7ee;color:#08785a}.status-incomplete{background:#fee8ea;color:#a62b3e}.status-draft{background:#e4f6ee;color:#137352}.workflow{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.workflow span{padding:.8rem 1rem;border-radius:10px;background:#e8f7f0;color:#0f6f4d;font-weight:600}.visual-editor{min-height:520px;border:1px solid #dfe3ea;border-radius:12px;margin-top:1rem;padding:1.5rem;background:#fff;outline:none}.visual-editor:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(22,139,98,.12)}.empty-state{text-align:center;padding:5rem 2rem;color:#697386}.preview-json{max-height:240px;overflow:auto;background:#0b2f27;color:#d1fae5;padding:1rem;border-radius:8px}.rich-preview{border:1px solid #eee;padding:1rem;margin-top:1rem;max-height:300px;overflow:auto}.auth-layout{min-height:100vh;padding:5vh 20px;display:grid;place-items:center;background:radial-gradient(circle at 10% 10%,#e5e4ff,transparent 35%),radial-gradient(circle at 90% 90%,#dff8f2,transparent 35%),#f7f8fc}.auth-card{width:100%;max-width:580px;margin:auto}.sidebar-backdrop{display:none}.modal-content{border:0;border-radius:15px;box-shadow:0 20px 70px rgba(17,24,39,.2)}.modal-header,.modal-footer{border-color:var(--line)}@media(max-width:991.98px){.sidebar{transform:translateX(-100%);transition:.22s}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.45);z-index:1035}.sidebar.open+.sidebar-backdrop{display:block}.app-content{margin-left:0}.mobile-menu{display:grid}.content-area{padding:22px 18px}.topbar{padding:0 18px}.breadcrumb-copy{display:none}}@media(max-width:767.98px){.page-heading{align-items:flex-start;gap:15px;flex-direction:column}.page-heading .btn,.page-heading>div:last-child{width:100%}.workflow i{display:none}.workflow span{width:100%;text-align:center}.visual-editor{min-height:350px}.topbar-actions .btn{font-size:0}.topbar-actions .btn i{font-size:1rem;margin:0!important}}