*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1c1c1e;--bg-secondary: #2c2c2e;--bg-tertiary: #3a3a3c;--bg-elevated: #2c2c2e;--text-primary: #ffffff;--text-secondary: #ebebf5;--text-tertiary: #8e8e93;--border-color: #38383a;--accent-blue: #0a84ff;--accent-blue-hover: #409cff;--accent-red: #ff453a;--accent-red-hover: #ff6961;--accent-green: #32d74b;--accent-green-hover: #5de270;--accent-gray: #636366;--accent-gray-hover: #8e8e93;--shadow: rgba(0, 0, 0, .4);--hover-overlay: rgba(255, 255, 255, .05)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}button,.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-primary{background-color:var(--accent-blue);color:var(--text-primary)}.btn-primary:hover{background-color:var(--accent-blue-hover)}.btn-secondary{background-color:var(--accent-gray);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--accent-gray-hover)}.btn-danger{background-color:var(--accent-red);color:var(--text-primary)}.btn-danger:hover{background-color:var(--accent-red-hover)}.btn-success{background-color:var(--accent-green);color:var(--text-primary)}.btn-success:hover{background-color:var(--accent-green-hover)}input,select,textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border-color);border-radius:8px;font-size:15px;margin-bottom:15px;background-color:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-blue);background-color:var(--bg-elevated);box-shadow:0 0 0 3px #0a84ff1a}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:14px;letter-spacing:.3px}.card{background:var(--bg-secondary);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px var(--shadow);border:1px solid var(--border-color)}table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}th{background-color:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}tr:hover{background-color:var(--hover-overlay)}tr:last-child td{border-bottom:none}.spinner{border:3px solid var(--bg-tertiary);border-top:3px solid var(--accent-blue);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{padding:15px;border-radius:8px;margin-bottom:20px}.alert-success{background-color:#32d74b26;color:var(--accent-green);border:1px solid var(--accent-green)}.alert-error{background-color:#ff453a26;color:var(--accent-red);border:1px solid var(--accent-red)}.alert-info{background-color:#0a84ff26;color:var(--accent-blue);border:1px solid var(--accent-blue)}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-10{gap:10px}@media (max-width: 768px){.container{padding:10px}table{font-size:12px}th,td{padding:8px}input,select,textarea{font-size:16px;padding:14px 12px;border-radius:10px;margin-bottom:12px}label{font-size:13px;margin-bottom:8px}.btn{padding:14px 20px;font-size:15px;min-height:48px}.card{padding:16px;border-radius:12px}}