:root{--blue:#1463ff;--green:#08a66c;--bg:#f5f8ff;--card:#fff;--text:#142033;--muted:#68748a}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}body.dark{--bg:#0d1524;--card:#141f33;--text:#eef5ff;--muted:#a8b5ca}.app{display:flex;min-height:100vh}aside{width:240px;background:linear-gradient(180deg,var(--blue),#0640a9);color:white;padding:22px;position:sticky;top:0;height:100vh;box-sizing:border-box}.brand{display:flex;gap:12px;align-items:center;margin-bottom:25px}.logo{width:48px;height:48px;border-radius:14px;background:white;color:var(--green);display:grid;place-items:center;font-size:25px}nav a{display:block;color:white;text-decoration:none;padding:12px;border-radius:12px;margin:6px 0}nav a:hover{background:rgba(255,255,255,.16)}main{flex:1;padding:28px}.theme{border:0;border-radius:10px;padding:11px;background:#fff;color:#0640a9;margin-top:20px;width:100%;font-weight:bold}.grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}.card{background:var(--card);border-radius:18px;padding:20px;box-shadow:0 8px 25px rgba(0,0,0,.08)}.value{font-size:28px;font-weight:bold}.green{color:var(--green)}.red{color:#e33}.blue{color:var(--blue)}table{width:100%;border-collapse:collapse;background:var(--card);border-radius:14px;overflow:hidden}th,td{padding:11px;border-bottom:1px solid rgba(128,128,128,.16);text-align:left}th{color:var(--muted)}.btn{display:inline-block;border:0;border-radius:10px;background:var(--blue);color:white;padding:11px 15px;text-decoration:none;cursor:pointer}.btn.green{background:var(--green);color:white}.input,select{padding:11px;border:1px solid #ccd5e1;border-radius:10px;width:100%;box-sizing:border-box;margin:5px 0 12px}.alert{background:#e9fff6;border-left:5px solid var(--green);padding:14px;border-radius:10px;margin:12px 0}.danger{background:#fff0f0;border-left-color:#e33}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.app{display:block}aside{width:auto;height:auto;position:relative}.grid,.row{grid-template-columns:1fr}main{padding:15px}}