*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f7f8;color:#1e293b}.app{display:flex;min-height:100vh}.sidebar{width:245px;background:#0b5d4b;color:#fff;padding:22px 14px}.brand{font-size:24px;font-weight:800;letter-spacing:.5px;margin-bottom:22px}.brand span{font-weight:400}.userbox{background:rgba(255,255,255,.1);padding:12px;border-radius:10px;margin-bottom:15px}.userbox small{display:block;opacity:.75;margin-top:4px}.sidebar nav a{display:block;color:#dff7ef;text-decoration:none;padding:11px 12px;border-radius:8px;margin:3px 0}.sidebar nav a:hover,.sidebar nav a.active{background:#087e63;color:#fff}.app main{flex:1}.app header{background:#fff;padding:18px 28px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between}.app h2{margin:0 0 4px}.content{padding:25px;max-width:1200px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.card,.panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:20px}.card span{display:block;color:#64748b;font-size:14px}.card strong{display:block;font-size:24px;margin-top:8px}.panel h3{margin-top:0}.muted{color:#64748b;font-size:13px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e5e7eb;font-size:14px}th{background:#f8fafc}.btn{border:0;border-radius:8px;padding:11px 16px;cursor:pointer;font-weight:700}.primary{background:#0b5d4b;color:#fff}.full{width:100%;margin-top:12px}input,select{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:7px;margin:5px 0 12px;background:#fff}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid2 button{align-self:start}.badge{background:#dcfce7;color:#166534;padding:4px 8px;border-radius:20px}.alert{padding:12px;border-radius:8px;margin-bottom:15px}.success{background:#dcfce7;color:#166534}.danger{background:#fee2e2;color:#991b1b}.valid{color:#166534}.invalid{color:#991b1b}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b5d4b,#0e7490)}.login-card{width:min(420px,92%);background:#fff;padding:30px;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.2)}.login-card .brand{color:#0b5d4b;margin-bottom:5px}.demo{background:#f1f5f9;padding:12px;border-radius:8px;margin-top:18px;font-size:13px;line-height:1.7}@media(max-width:800px){.sidebar{width:190px}.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.content{padding:15px}th,td{font-size:12px;padding:8px}}@media(max-width:600px){.app{display:block}.sidebar{width:100%}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar nav a{font-size:12px}.cards{grid-template-columns:1fr 1fr}}