:root{--bg:#f7fbf8;--card:#fff;--text:#10231d;--muted:#65756f;--green:#065f46;--light:#a7f3d0;--line:#e5efe9;--shadow:0 18px 50px rgba(6,95,70,.09)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:278px;background:#fff;border-right:1px solid var(--line);padding:20px;z-index:10}.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.brand small{display:block;color:var(--muted);font-size:12px}.logoMark{background:linear-gradient(135deg,var(--green),#10b981);color:#fff;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:900}.sidebar nav a{display:block;padding:12px 14px;border-radius:14px;color:#26413a;margin:5px 0}.sidebar nav a:hover{background:#ecfdf5;color:var(--green)}.main{margin-left:278px;min-height:100vh}.topbar{height:72px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:4}.crumb{font-weight:800;font-size:20px}.menuBtn{display:none}.topActions{display:flex;align-items:center;gap:14px}.bell{color:#10b981}.content{padding:26px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.span3{grid-column:span 3}.span4{grid-column:span 4}.span6{grid-column:span 6}.span8{grid-column:span 8}.span12{grid-column:span 12}.metric h2{margin:6px 0 0;font-size:34px}.muted{color:var(--muted)}.btn,.ghost{border:0;border-radius:13px;padding:11px 15px;font-weight:800;cursor:pointer}.btn{background:var(--green);color:#fff}.ghost{background:#ecfdf5;color:var(--green)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;color:var(--text)}label{font-size:13px;font-weight:800;color:#41615a}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-size:12px;text-transform:uppercase}.badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.ok{background:#d1fae5;color:#065f46}.warn{background:#fef3c7;color:#92400e}.danger{background:#fee2e2;color:#991b1b}.feed{display:flex;flex-direction:column;gap:12px}.feedItem{padding:12px;border:1px solid var(--line);border-radius:15px;background:#fcfffd}.loginWrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top left,#a7f3d0,transparent 30%),#f7fbf8}.loginBox{width:min(460px,100%)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;min-height:70vh}.hero h1{font-size:56px;line-height:1.02;margin:0}.pill{display:inline-block;background:#ecfdf5;color:var(--green);padding:8px 12px;border-radius:999px;font-weight:900;margin-bottom:12px}.float{animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-12px)}}.dark{--bg:#07110e;--card:#0c1b16;--text:#effff8;--muted:#91a9a0;--line:#173a2e;--shadow:0 18px 50px rgba(0,0,0,.28)}.dark .sidebar,.dark .topbar{background:#0c1b16}.kpi{display:flex;align-items:center;justify-content:space-between}.apiBox{font-family:monospace;background:#07110e;color:#a7f3d0;border-radius:14px;padding:14px;overflow:auto}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.tabs button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:9px 12px}.fab{position:fixed;right:26px;bottom:26px;border-radius:50%;width:58px;height:58px;background:var(--green);color:#fff;border:0;font-size:25px;box-shadow:var(--shadow)}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.25s}.navopen .sidebar{transform:translateX(0)}.main{margin-left:0}.menuBtn{display:inline-block}.grid,.hero,.formrow{grid-template-columns:1fr}.span3,.span4,.span6,.span8,.span12{grid-column:span 1}.hero h1{font-size:38px}}