*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e4ecf7);color:#333;min-height:100vh}h1{color:#1a1a2e;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#6c5ce7,#a29bfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2,h3{color:#2c3e50;font-weight:600}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #6c5ce714,0 1px 3px #0000000d;margin-bottom:20px;border:1px solid rgba(108,92,231,.08);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6c5ce71f,0 2px 6px #0000000f}.card-header{font-size:12px;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.card-value{font-size:36px;font-weight:800;background:linear-gradient(135deg,#6c5ce7,#a29bfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border:none;padding:12px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6c5ce74d}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c5ce766}.btn:active{transform:translateY(0)}.alert-item{display:flex;align-items:center;padding:14px 18px;background:linear-gradient(135deg,#fff5f5,#ffe8e8);border-left:4px solid #e74c3c;border-radius:12px;margin-bottom:12px;font-weight:500;transition:transform .2s ease}.alert-item:hover{transform:translate(4px)}.alert-item.warning{background:linear-gradient(135deg,#fffbeb,#fff3cd);border-left-color:#f39c12}.alert-item.info{background:linear-gradient(135deg,#ebf5ff,#d4e9ff);border-left-color:#3498db}table{width:100%;border-collapse:separate;border-spacing:0}th,td{padding:14px 18px;text-align:left}th{background:linear-gradient(135deg,#f8f9fa,#eef2f7);font-weight:700;color:#555;text-transform:uppercase;font-size:12px;letter-spacing:.5px;border-bottom:2px solid #e8e8e8}th:first-child{border-radius:12px 0 0}th:last-child{border-radius:0 12px 0 0}td{border-bottom:1px solid #f0f0f0;font-weight:500}tr{transition:all .2s ease}tr:hover td{background:linear-gradient(135deg,#f8f9ff,#f0f4ff)}tr:last-child td{border-bottom:none}tr:last-child td:first-child{border-radius:0 0 0 12px}tr:last-child td:last-child{border-radius:0 0 12px}input,select{padding:12px 16px;border:2px solid #e8e8e8;border-radius:12px;font-size:15px;width:100%;transition:all .2s ease;font-weight:500}input:focus,select:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 4px #6c5ce71a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5b4cdb}::selection{background:#6c5ce733;color:#333}body.dark-mode{background:linear-gradient(135deg,#0f0f23,#1a1a2e);color:#e8e8e8}body.dark-mode h1{background:linear-gradient(135deg,#a29bfe,#d4a5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode h2,body.dark-mode h3{color:#fff}body.dark-mode .card{background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 4px 20px #0000004d,0 1px 3px #0003;border:1px solid rgba(108,92,231,.15)}body.dark-mode .card:hover{box-shadow:0 8px 30px #6c5ce733,0 2px 6px #0000004d;border-color:#6c5ce74d}body.dark-mode .card-value{background:linear-gradient(135deg,#a29bfe,#d4a5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode th{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#aaa;border-bottom-color:#2a2a4e}body.dark-mode td{border-bottom-color:#2a2a4e}body.dark-mode tr:hover td{background:linear-gradient(135deg,#1f1f3a,#252550)}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#1a1a2e;border-color:#3a3a5e;color:#eee}body.dark-mode input:focus,body.dark-mode select:focus{border-color:#6c5ce7;box-shadow:0 0 0 4px #6c5ce733}body.dark-mode .alert-item{background:linear-gradient(135deg,#2a2a4e,#1f1f3a)}body.dark-mode .alert-item.warning{background:linear-gradient(135deg,#3a3020,#2d2515)}body.dark-mode .alert-item.info{background:linear-gradient(135deg,#1a2a3e,#152030)}body.dark-mode ::-webkit-scrollbar-track{background:#1a1a2e}body.dark-mode ::selection{background:#a29bfe4d;color:#fff}