*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cyan:#00aeef;--cyan-dark:#0090cc;--cyan-light:#e8f7fd;--black:#111;--white:#fff;--gray-50:#f8f9fa;--gray-100:#f0f0f0;--gray-200:#e0e0e0;--gray-400:#aaa;--gray-600:#666;--gray-800:#333;--red:#c0392b;--red-light:#e74c3c;--green:#27ae60;--amber:#e67e22;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--radius:6px;--radius-lg:10px}html{font-size:15px}body{color:var(--black);background:var(--gray-50);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}.loading-screen{background:var(--white);justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:3px solid var(--gray-200);border-top-color:var(--cyan);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--cyan);color:var(--white)}.btn-primary:hover{background:var(--cyan-dark)}.btn-danger{background:var(--red);color:var(--white)}.btn-danger:hover{background:var(--red-light)}.btn-outline{color:var(--gray-800);border:1.5px solid var(--gray-200);background:0 0}.btn-outline:hover{border-color:var(--cyan);color:var(--cyan)}.btn-ghost{color:var(--gray-600);background:0 0;border:none}.btn-ghost:hover{background:var(--gray-100)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:12px 28px;font-size:16px}.btn-full{justify-content:center;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.form-group{margin-bottom:16px}.form-label{letter-spacing:.5px;text-transform:uppercase;color:var(--gray-600);margin-bottom:5px;font-size:12px;font-weight:700;display:block}.form-input,.form-select,.form-textarea{border:1.5px solid var(--gray-200);border-radius:var(--radius);width:100%;color:var(--black);background:var(--white);padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #00aeef1f}.form-textarea{resize:vertical;min-height:90px}.form-error{color:var(--red);margin-top:4px;font-size:12px}.form-hint{color:var(--gray-400);margin-top:4px;font-size:12px}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-title{color:var(--black);font-size:16px;font-weight:700}.card-body{padding:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead th{text-align:left;letter-spacing:.8px;text-transform:uppercase;color:var(--gray-600);background:var(--gray-50);border-bottom:1.5px solid var(--gray-200);padding:10px 14px;font-size:11px;font-weight:700}tbody td{border-bottom:1px solid var(--gray-100);color:var(--gray-800);vertical-align:middle;padding:11px 14px}tbody tr:hover{background:var(--cyan-light)}tbody tr:last-child td{border-bottom:none}.badge{letter-spacing:.3px;text-transform:uppercase;border-radius:20px;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-admin{color:#e65100;background:#fff3e0}.badge-office{background:var(--cyan-light);color:var(--cyan-dark)}.badge-tech{color:#2e7d32;background:#e8f5e9}.alert{border-radius:var(--radius);margin-bottom:16px;padding:10px 14px;font-size:14px}.alert-error{color:#c62828;background:#ffebee;border-left:3px solid #c62828}.alert-success{color:#2e7d32;background:#e8f5e9;border-left:3px solid #2e7d32}.alert-info{background:var(--cyan-light);color:var(--cyan-dark);border-left:3px solid var(--cyan)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);text-align:center;padding:16px}.stat-value{color:var(--black);font-size:28px;font-weight:700;line-height:1}.stat-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:12px}.stat-sub{color:var(--gray-400);margin-top:3px;font-size:11px}.stat-card.danger .stat-value{color:var(--red)}.stat-card.success .stat-value{color:var(--green)}.stat-card.cyan .stat-value{color:var(--cyan-dark)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-muted{color:var(--gray-600)}.text-danger{color:var(--red)}.text-success{color:var(--green)}.text-cyan{color:var(--cyan)}.font-bold{font-weight:700}.text-center{text-align:center}.w-full{width:100%}.num-input-wrap{border:1.5px solid var(--gray-200);border-radius:var(--radius);background:var(--white);align-items:center;gap:0;width:110px;display:flex;overflow:hidden}.num-input-wrap:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #00aeef1f}.num-btn{background:var(--gray-100);cursor:pointer;color:var(--gray-600);-webkit-user-select:none;user-select:none;border:none;padding:8px 12px;font-size:16px;transition:background .1s}.num-btn:hover{background:var(--gray-200)}.num-input{text-align:center;background:0 0;border:none;outline:none;width:40px;padding:8px 0;font-size:15px;font-weight:600}.num-input::-webkit-inner-spin-button{-webkit-appearance:none}.num-input::-webkit-outer-spin-button{-webkit-appearance:none}