:root{--green:#0f7a3b;--lime:#d9f99d;--ink:#0f172a;--muted:#64748b;--soft:#f1f5f9;--gold:#f59e0b}.app-shell{min-height:100vh;display:flex;background:linear-gradient(135deg,#f8fafc,#ecfdf5)}.sidebar{width:260px;background:linear-gradient(180deg,#064e3b,#0f7a3b);color:white;position:sticky;top:0;height:100vh;padding:18px;box-shadow:12px 0 35px rgba(15,23,42,.12)}.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.brand-icon{width:46px;height:46px;border-radius:16px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:24px}.brand small{display:block;color:#d1fae5}.sidebar a{display:flex;gap:12px;align-items:center;color:#ecfdf5;text-decoration:none;padding:12px 14px;border-radius:14px;margin:4px 0}.sidebar a:hover{background:rgba(255,255,255,.15)}.main{flex:1;min-width:0}.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;padding:16px 22px;display:flex;justify-content:space-between;gap:12px;align-items:center}.topbar h1{font-size:1.25rem;margin:0;color:var(--ink);font-weight:800}.topbar p{margin:0;color:var(--muted);font-size:.85rem}.content{padding:22px 22px 80px}.app-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 18px 45px rgba(15,23,42,.08);overflow:hidden}.card-head{padding:18px 20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:12px}.stat{border-radius:22px;background:white;padding:18px;border:1px solid #e2e8f0;box-shadow:0 16px 32px rgba(15,23,42,.06)}.stat small{color:var(--muted);font-weight:700;text-transform:uppercase}.stat b{display:block;font-size:1.7rem;color:var(--ink)}.btn-primary{background:var(--green);border-color:var(--green)}.table{margin:0}.table th{font-size:.76rem;color:var(--muted);text-transform:uppercase;background:#f8fafc}.form-control,.form-select{border-radius:14px;padding:.72rem .9rem}.user-pill{background:#ecfdf5;color:#065f46;border-radius:999px;padding:8px 12px;font-weight:700}.app-footer{position:fixed;bottom:0;left:260px;right:0;background:#064e3b;color:white;padding:7px 18px;text-align:center;font-size:.82rem;z-index:9}@media(max-width:991px){.sidebar{display:none}.topbar{padding:14px}.content{padding:14px 14px 90px}.app-footer{left:0;bottom:58px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:58px;background:#fff;border-top:1px solid #e2e8f0;display:grid;grid-template-columns:repeat(4,1fr);z-index:50}.bottom-nav a{text-align:center;text-decoration:none;color:#065f46;font-size:.72rem;padding-top:6px}.bottom-nav i{display:block;font-size:1.25rem}.table-responsive{border-radius:18px}.topbar h1{font-size:1.05rem}.user-pill{display:none}}@media(min-width:992px){.bottom-nav{display:none}}