:root{--primary: #1f2f60;--primary-dark: #16224a;--accent: #f9be3e;--success: #10b981;--warn: #f59e0b;--danger: #ef4444;--info: #3b82f6;--muted: #64748b;--bg: #f0f4f8;--card: #ffffff;--border: #e2e8f0;--text: #1e293b;--text-light: #64748b;--radius: 8px;--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 25px rgba(15, 23, 42, .12);--font: Arial, Helvetica, sans-serif;--font-size: 13px;--sidebar-w: 232px;--topbar-h: 56px}[data-status=open],[data-status=pending],[data-status=requested],[data-status=booked]{--pill-bg: #eef2ff;--pill-fg: #4338ca}[data-status=assigned],[data-status=in_transit],[data-status=approved]{--pill-bg: #fef3c7;--pill-fg: #92400e}[data-status=in_progress],[data-status=partially_issued]{--pill-bg: #dbeafe;--pill-fg: #1e40af}[data-status=resolved],[data-status=delivered],[data-status=issued]{--pill-bg: #d1fae5;--pill-fg: #065f46}[data-status=closed]{--pill-bg: #e2e8f0;--pill-fg: #475569}[data-status=reopened],[data-status=returned]{--pill-bg: #ffedd5;--pill-fg: #9a3412}[data-status=rejected],[data-status=cancelled]{--pill-bg: #fee2e2;--pill-fg: #991b1b}[data-priority=low]{--pill-bg: #e2e8f0;--pill-fg: #475569}[data-priority=medium]{--pill-bg: #dbeafe;--pill-fg: #1e40af}[data-priority=high]{--pill-bg: #fef3c7;--pill-fg: #92400e}[data-priority=critical]{--pill-bg: #fee2e2;--pill-fg: #991b1b}[data-priority=normal]{--pill-bg: #dbeafe;--pill-fg: #1e40af}[data-priority=urgent]{--pill-bg: #fee2e2;--pill-fg: #991b1b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:var(--font-size);color:var(--text);background:var(--bg)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 8px;color:var(--primary)}button{font-family:var(--font);font-size:var(--font-size);cursor:pointer;border:1px solid var(--border);background:#fff;border-radius:6px;padding:7px 14px;color:var(--text);transition:background .15s,border-color .15s}button:hover{background:#f8fafc}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark)}.btn-accent{background:var(--accent);color:#3d2c00;border-color:var(--accent);font-weight:700}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-sm{padding:4px 10px;font-size:12px}input,select,textarea{font-family:var(--font);font-size:var(--font-size);padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:#fff;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}label{display:block;font-size:12px;color:var(--text-light);margin-bottom:4px;font-weight:700}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.page-title{font-size:20px;margin-bottom:16px}.row{display:flex;gap:12px;flex-wrap:wrap}.grid{display:grid;gap:16px}.muted{color:var(--text-light)}.right{text-align:right}.mt{margin-top:16px}.mb{margin-bottom:16px}.spacer{flex:1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}::-webkit-scrollbar-track{background:transparent}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid .full{grid-column:1 / -1}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes floatSlow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(24px,-32px) scale(1.08)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.auth-bg{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(120deg,#16224a,#1f2f60,#263e82,#16224a);background-size:300% 300%;animation:gradientShift 20s ease infinite}.auth-blob{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:floatSlow 14s ease-in-out infinite}.auth-logo{animation:fadeInDown .7s ease both}.auth-card{animation:fadeInUp .6s ease .1s both}.auth-service-card{animation:fadeInUp .6s ease both}.auth-service-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.auth-service-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000047;border-color:var(--accent)}.pw-field{position:relative}.pw-field input{padding-right:38px}.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:6px 8px;cursor:pointer;color:var(--text-light);font-size:15px;line-height:1}.pw-toggle:hover{color:var(--primary);background:transparent}@media (prefers-reduced-motion: reduce){.auth-bg,.auth-blob,.auth-logo,.auth-card,.auth-service-card{animation:none!important}}