*{box-sizing:border-box;margin:0;padding:0}body,#root{min-height:100vh}*{box-sizing:border-box;border:none;margin:0;padding:0;font-family:Arial,sans-serif}body{color:#0a2540;background-color:#fff;min-height:100vh;margin:0}nav{background-color:#0d2d4e;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}nav h2{color:#00c2cb;font-size:22px}nav p{color:#aaa;font-size:13px}.container{max-width:800px;margin:40px auto;padding:0 20px}h1{color:#00c2cb;margin-bottom:24px;font-size:32px}.form{gap:12px;margin-bottom:32px;display:flex}.form input{color:#fff;background:#0d2d4e;border:1.5px solid #00c2cb;border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.form select{color:#fff;background:#0d2d4e;border:1.5px solid #00c2cb;border-radius:8px;padding:10px 14px;font-size:14px}.form button{color:#0a2540;cursor:pointer;background-color:#00c2cb;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700}.form button:hover{background-color:#009aa3}.ticket-card{border-left:5px solid;border-radius:12px;margin-bottom:16px;padding:20px}.ticket-card.urgent{background-color:#fee2e2;border-color:#ef4444}.ticket-card.high{background-color:#ffedd5;border-color:#f97316}.ticket-card.medium{background-color:#fef9c3;border-color:#f59e0b}.ticket-card.low{background-color:#eff6ff;border-color:#3b82f6}.ticket-card h3{color:#0a2540;margin-bottom:8px;font-size:18px}.ticket-card p{color:#334155;margin-bottom:4px;font-size:14px}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}.login-container{background:linear-gradient(135deg,#0a2540 0%,#0d4a6e 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background-color:#fff;border:none;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 60px #0000004d}.login-box h1{color:#0a2540;text-align:center;margin-bottom:4px;font-size:28px;font-weight:700}.login-box input{color:#0a2540;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:16px;padding:12px 16px;font-size:14px}.login-box input:focus{border-color:#00c2cb}.login-box button{color:#0a2540;cursor:pointer;background-color:#00c2cb;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:16px;font-weight:700}.login-box button:hover{background-color:#009aa3}.logo-row{flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-bottom:24px;display:flex}.logo-row img{width:170px;margin-top:10px}.logo-row p{color:#aaa;margin:0;font-size:13px}.error-msg{color:#ef4444;text-align:center;margin-bottom:12px;font-size:13px}.dash-nav{background-color:#0a2540;justify-content:space-between;align-items:center;padding:12px 32px;display:flex}.dash-nav-left{align-items:center;gap:12px;display:flex}.dash-logo{object-fit:contain;width:auto;height:44px}.dash-brand{color:#00c2cb;font-size:20px;font-weight:700}.logout-btn{color:#00c2cb;cursor:pointer;background:0 0;border:1.5px solid #00c2cb;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600}.logout-btn:hover{color:#0a2540;background:#00c2cb}.dash-container{max-width:1000px;margin:32px auto;padding:0 24px}.dash-container h2{color:#0a2540;margin-bottom:16px;font-size:20px}.stats-row{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{text-align:center;background:#0a2540;border-radius:12px;flex:1;padding:20px}.stat-card h3{color:#aaa;margin-bottom:8px;font-size:13px;font-weight:500}.stat-card p{color:#00c2cb;font-size:32px;font-weight:700}.ticket-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.priority-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.badge-group{align-items:center;gap:8px;display:flex}.ticket-group{margin-bottom:32px}.status-heading{color:#64748b;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #e2e8f0;margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:700}.dash-nav-right{align-items:center;gap:12px;display:flex}.create-ticket-btn{color:#0a2540;cursor:pointer;background-color:#00c2cb;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:700}.create-ticket-btn:hover{background-color:#009aa3}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:500px;max-height:90vh;padding:32px;display:flex;overflow-y:auto}.modal-box h2{color:#0a2540;margin:0;font-size:20px}.modal-box input:not([type=checkbox]):not([type=radio]),.modal-box textarea,.modal-box select{color:#0a2540;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px}.modal-box textarea{resize:vertical;min-height:90px}.modal-box input:not([type=checkbox]):not([type=radio]):focus,.modal-box textarea:focus,.modal-box select:focus{border-color:#00c2cb;outline:none}.modal-box input[type=checkbox],.modal-box input[type=radio]{flex-shrink:0;width:16px;height:16px;padding:0}.modal-buttons{justify-content:flex-end;gap:12px;display:flex}.ticket-id{color:#94a3b8;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.search-bar{margin-bottom:24px}.search-bar input{color:#0a2540;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 16px;font-size:14px}.search-bar input:focus{border-color:#00c2cb;outline:none}.ticket-id-preview{color:#94a3b8;margin:0;font-size:13px;font-weight:600}.ticket-footer{align-items:center;gap:12px;margin-top:10px;display:flex}.assign-select{color:#0a2540;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:13px}.assign-select:focus{border-color:#00c2cb;outline:none}.assigned-label{color:#64748b;font-size:13px;font-weight:500}.ticket-actions{align-items:center;gap:8px;display:flex}.resolve-btn{color:#fff;cursor:pointer;background-color:#16a34a;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.resolve-btn:hover{background-color:#15803d}.detail-box{background:#fff;border-radius:16px;flex-direction:column;gap:24px;width:100%;max-width:600px;max-height:90vh;padding:32px;display:flex;overflow-y:auto}.detail-header{justify-content:space-between;align-items:flex-start;display:flex}.detail-header h2{color:#0a2540;margin:4px 0 0;font-size:22px}.close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;padding:4px 8px;font-size:20px}.close-btn:hover{color:#0a2540}.detail-grid{background:#f8fafc;border-radius:12px;grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.detail-value{color:#0a2540;font-size:14px;font-weight:600}.detail-section{flex-direction:column;gap:8px;display:flex}.detail-section h3{color:#0a2540;font-size:14px;font-weight:700}.detail-section p{color:#64748b;font-size:14px;line-height:1.6}.detail-actions{justify-content:flex-end;gap:12px;display:flex}.sla-badge{color:#dc2626;background:#fee2e2;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.role-label{color:#fff;background:#ffffff1a;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}@media (width<=768px){.dash-nav{flex-direction:column;gap:12px;padding:16px}.dash-nav-right{flex-wrap:wrap;justify-content:center;gap:8px}.stats-row{grid-template-columns:repeat(2,1fr);gap:8px}.search-bar{flex-direction:column}.search-bar select,.search-bar input{width:100%}.ticket-header,.ticket-footer{flex-direction:column;align-items:flex-start;gap:8px}.ticket-actions{flex-direction:column;width:100%}.assign-select,.resolve-btn{width:100%}.modal-box,.login-box{max-width:calc(100% - 32px);margin:16px}.detail-grid{grid-template-columns:1fr}}@media (width<=480px){.stats-row{grid-template-columns:1fr}.dash-container{padding:0 12px}}