*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#f4f6f9;color:#1e293b;-webkit-font-smoothing:antialiased}:root{--primary: #2563eb;--primary-hover: #1d4ed8;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--text-main: #1e293b;--text-light: #64748b;--border: #e2e8f0;--background: #f4f6f9;--card: #ffffff;--radius: 10px;--transition: .2s ease}h1,h2,h3,h4,h5{margin:0;font-weight:600}h2{font-size:1.6rem}h3{font-size:1.2rem}p{color:var(--text-light)}.container{max-width:1300px;margin:auto;padding:30px}.section{background:var(--card);padding:25px;border-radius:var(--radius);box-shadow:0 4px 15px #0000000d;margin-bottom:25px}button{border:none;padding:10px 18px;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:var(--transition)}button.primary{background:var(--primary);color:#fff}button.primary:hover{background:var(--primary-hover)}button.success{background:var(--success);color:#fff}button.danger{background:var(--danger);color:#fff}button.secondary{background:#e2e8f0}button.secondary:hover{background:#cbd5f5}input,textarea,select{width:100%;padding:10px 12px;margin-top:8px;margin-bottom:15px;border-radius:var(--radius);border:1px solid var(--border);font-size:.95rem;transition:var(--transition)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2563eb26}textarea{min-height:90px;resize:vertical}label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-main)}table{width:100%;border-collapse:collapse;margin-top:20px}thead{background:#f1f5f9}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border);font-size:.9rem}th{color:var(--text-light);font-weight:600}tr:hover{background:#f8fafc}.table-actions{display:flex;gap:8px}.badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.badge.success{background:#22c55e26;color:#16a34a}.badge.danger{background:#ef444426;color:#dc2626}.badge.warning{background:#f59e0b26;color:#d97706}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:var(--radius);width:420px;max-width:95%;box-shadow:0 20px 60px #0003;animation:modalFade .25s ease}@keyframes modalFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#fff;border-bottom:1px solid var(--border)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.container{padding:20px}table{font-size:.8rem}button{padding:8px 14px}}.home-auth-container{max-width:420px;margin:70px auto;padding:40px 35px;background:var(--card);border-radius:var(--radius);box-shadow:0 8px 25px #0000000f;text-align:center;animation:fadeIn .35s ease}.home-title{font-size:2rem;font-weight:700;color:var(--text-main);margin-bottom:8px}.home-subtitle{font-size:.95rem;color:var(--text-light);margin-bottom:30px}.home-auth-main{display:flex;flex-direction:column;gap:20px}.home-auth-form{margin-top:10px;display:flex;flex-direction:column;gap:12px}.home-auth-error{background:#ef44441f;color:#dc2626;padding:8px 12px;border-radius:var(--radius);font-size:.85rem;text-align:left}.home-forgot-password{margin:-5px 0 0;font-size:.85rem;color:var(--primary);cursor:pointer;text-align:right;transition:var(--transition)}.home-forgot-password:hover{color:var(--primary-hover);text-decoration:underline}.home-button-primary{background:var(--primary)!important;color:#fff!important;width:100%;margin-top:10px;transition:var(--transition)}.home-button-primary:hover{background:var(--primary-hover)!important}.home-button-secondary{background:#e2e8f0!important;color:var(--text-main)!important;width:100%;transition:var(--transition)}.home-button-secondary:hover{background:#cbd5e1!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.home-auth-container{margin:40px 15px;padding:30px 20px}.home-title{font-size:1.7rem}}.operator-nav-buttons{display:flex;gap:12px;margin:25px 0;flex-wrap:wrap}.operator-nav-button{padding:10px 20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem;font-weight:500;color:var(--text-main);cursor:pointer;transition:var(--transition);box-shadow:0 2px 6px #0000000a}.operator-nav-button:hover{background:#f1f5f9;border-color:var(--primary);color:var(--primary);box-shadow:0 3px 10px #0000000f}.operator-nav-button:active{transform:scale(.97)}.operator-nav-button-admin{background:var(--primary);color:#fff;border-color:var(--primary)}.operator-nav-button-admin:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}@media(max-width:600px){.operator-nav-buttons{justify-content:center}.operator-nav-button{flex:1 1 calc(50% - 10px);text-align:center}}.operator-section{margin-top:20px}.operator-title{margin-bottom:15px;color:var(--text-main)}.operator-msg-error{background:#ef444426;color:#dc2626;padding:10px 14px;border-radius:var(--radius);margin-bottom:15px}.operator-msg-success{background:#22c55e26;color:#16a34a;padding:10px 14px;border-radius:var(--radius);margin-bottom:15px}.operator-list{display:flex;flex-direction:column;gap:15px}.operator-card{background:var(--card);border:1px solid var(--border);padding:18px;border-radius:var(--radius);box-shadow:0 4px 12px #0000000d;transition:var(--transition)}.operator-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.operator-card-self{background:#e8f7ff;border-color:#b6e4ff}.operator-card-title{font-size:1.1rem;margin-bottom:8px;color:var(--text-main)}.operator-badge-self{margin-left:10px;color:#07c;font-weight:600}.operator-badge-admin{margin-left:10px;color:purple;font-weight:600}.operator-card-actions{margin-top:12px;display:flex;gap:10px}.operator-button-primary{background:var(--primary);color:#fff;border-radius:var(--radius);padding:10px 18px;cursor:pointer;transition:var(--transition)}.operator-button-primary:hover{background:var(--primary-hover)}.operator-button-secondary{background:#e2e8f0;color:var(--text-main);border-radius:var(--radius);padding:10px 18px;cursor:pointer;transition:var(--transition)}.operator-button-secondary:hover{background:#cbd5e1}.operator-button-danger{background:var(--danger);color:#fff;border-radius:var(--radius);padding:10px 18px;cursor:pointer;transition:var(--transition)}.operator-button-danger:hover{background:#dc2626}.operator-filters{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.operator-filter-input,.operator-filter-select{min-width:180px}