:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#111827;color:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:22px}.brand{font-size:26px;font-weight:800}.brand-sub{font-size:12px;color:#94a3b8}.main-nav{display:grid;gap:6px}.sidebar a,.nav-group summary{color:#cbd5e1;text-decoration:none;padding:11px 12px;border-radius:10px;display:flex;justify-content:space-between;cursor:pointer;list-style:none}.sidebar a.active,.sidebar a:hover,.nav-group summary:hover{background:#1f2937;color:#fff}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'›';transition:.2s}.nav-group[open] summary:after{transform:rotate(90deg)}.nav-sub{display:grid;gap:4px;padding:4px 0 4px 12px}.nav-sub a{font-size:14px;padding:9px 12px}.logout{margin-top:auto}.soon{font-size:10px;background:#374151;padding:2px 6px;border-radius:999px}main{padding:28px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.topbar h1{margin:2px 0 0;font-size:30px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.12em;color:#6b7280;font-weight:700}.version{background:white;border:1px solid #e5e7eb;padding:7px 10px;border-radius:999px;font-size:13px}.top-actions{display:flex;align-items:center;gap:10px}.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 30px rgba(17,24,39,.05)}.card{padding:20px}.card span,.card small{display:block;color:#6b7280}.card strong{display:block;font-size:28px;margin:10px 0}.panel{padding:24px;margin-top:18px}.panel h2{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{display:grid;gap:7px;font-weight:600}.span2{grid-column:span 2}.form-action{display:flex;align-items:end}.form-action button{width:100%}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font:inherit}textarea{resize:vertical}button,.button-link{border:0;border-radius:10px;background:#111827;color:#fff;padding:12px 16px;font-weight:700;cursor:pointer;text-decoration:none}.secondary{background:#e5e7eb;color:#111827}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #eee}th{font-size:12px;text-transform:uppercase;color:#6b7280}.actions{display:flex;gap:8px;align-items:center}.inline-form{display:inline}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:12px}.alert,.success,.notice{padding:12px 14px;border-radius:10px;margin:14px 0}.alert{background:#fee2e2;color:#991b1b}.success{background:#d1fae5;color:#065f46}.notice{background:#f3f4f6;color:#4b5563}.menu-btn{display:none}.simple-wrap{max-width:860px;margin:0 auto;padding:28px}.back{color:#374151;text-decoration:none}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:100;display:grid;place-items:center;padding:22px}.modal-backdrop[hidden]{display:none}.compose-modal{width:min(980px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.25);padding:26px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-head h2{margin:3px 0 0;font-size:28px}.icon-btn{background:transparent;color:#111827;font-size:30px;padding:0 8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.modal-open{overflow:hidden}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;z-index:20;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}main{padding:16px}.menu-btn{display:block}.topbar{align-items:flex-start}.top-actions{flex-direction:column;align-items:flex-end}.cards,.cards.two,.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.panel{padding:18px}.compose-modal{padding:18px;width:100%;max-height:95vh}.modal-backdrop{padding:10px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}