*{box-sizing:border-box}body{margin:0;background:#0b0d10;color:#f5f7fa;font-family:Inter,Arial,sans-serif}.shell{display:flex;min-height:100vh}.sidebar{width:235px;border-right:1px solid #20252d;background:#11151a;padding:24px 14px}.brand{font-weight:900;font-size:20px;letter-spacing:.5px;padding:10px 12px 28px}.brand span{display:block;color:#8b5cf6;font-size:12px;margin-top:3px}.sidebar nav{display:grid;grid-gap:7px;gap:7px}.sidebar a{color:#b9c0cb;text-decoration:none;padding:12px;border-radius:10px}.sidebar a:hover{background:#1b2027;color:#fff}.main{flex:1 1;padding:36px;max-width:1250px}.page-title{font-size:30px;margin:0 0 8px}.muted{color:#8f98a6}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-top:25px}.card{background:#12171d;border:1px solid #242b34;border-radius:14px;padding:20px}.stat{font-size:30px;font-weight:800}.form{max-width:800px}.field{display:grid;grid-gap:8px;gap:8px;margin:18px 0}.field label{font-weight:700}.input,.select,.textarea{width:100%;background:#0d1116;border:1px solid #303843;border-radius:10px;padding:12px;color:#fff}.textarea{min-height:130px;resize:vertical}.btn{border:0;border-radius:10px;padding:12px 17px;background:#7c3aed;color:#fff;font-weight:800;cursor:pointer}.btn.secondary{background:#242b34}.btn.danger{background:#b42318}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.table{width:100%;border-collapse:collapse;margin-top:20px}.table td,.table th{text-align:left;border-bottom:1px solid #242b34;padding:13px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#202733;font-size:12px}.success{color:#4ade80}.error{color:#fb7185}.drop{border:1px dashed #46505d;padding:35px;text-align:center;background:#0d1116}.drop,.preview{border-radius:12px}.preview{max-width:260px;display:block;margin-top:10px}.account{display:flex;justify-content:space-between;gap:16px;align-items:center}.notice{padding:14px;border-radius:10px;background:#1a1f27;margin:16px 0}.calendar{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px}.day{min-height:100px;background:#12171d;border:1px solid #242b34;border-radius:10px;padding:10px}.small{font-size:12px;color:#8f98a6}@media(max-width:800px){.sidebar{width:75px}.brand,.sidebar a{font-size:0}.sidebar a:first-letter{font-size:18px}.main{padding:20px}.grid{grid-template-columns:1fr 1fr}}