:root{--bg: #0a0b0e;--surface: #0e1015;--surface2: #12141b;--border: #232733;--text: #e5e7eb;--muted: #9ca3af;--accent: #c2f24e;--accent-text: #12140a;--violet: #8b5cf6;--danger: #ff5d5d;--radius: 10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Onest,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}a{color:var(--accent);text-decoration:none}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;padding:12px 20px;background:#0a0b0eeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}.topbar .brand{font-weight:700;font-size:16px;color:var(--accent)}.topbar .user{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13px}.topbar .user .email{color:var(--muted)}.page{padding:28px 20px 40px;max-width:900px;margin:0 auto}.page h2{font-size:20px;margin-bottom:4px}.sub{color:var(--muted);font-size:14px;margin-bottom:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px}.card h3{font-size:15px;margin-bottom:16px}.hint{color:var(--muted);font-size:13px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time]{width:100%;padding:11px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;outline:none}input:focus{border-color:var(--accent)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23c2f24e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E")}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23c2f24e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='12 7 12 12 15 14'/%3E%3C/svg%3E")}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:.8}input:disabled{opacity:.5;cursor:not-allowed}.pass-wrap{position:relative}.pass-wrap input{padding-right:44px}.pass-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:var(--muted);padding:6px 8px;display:flex;align-items:center;border-radius:6px}.pass-toggle:hover{color:var(--accent)}.field{margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:.15s}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--muted)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-block{width:100%}.check{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--muted)}.check input{margin-top:3px;accent-color:var(--accent)}.switch{position:relative;display:inline-block;width:40px;height:22px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface2);border:1px solid var(--border);border-radius:22px;transition:.2s;cursor:pointer}.switch .slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:var(--muted);border-radius:50%;transition:.2s}.switch input:checked+.slider{background:var(--accent);border-color:var(--accent)}.switch input:checked+.slider:before{transform:translate(18px);background:var(--accent-text)}.flow-step{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--border)}.flow-step:first-child{border-top:none;padding-top:4px}.step-num{flex:0 0 26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-text);border-radius:50%;font-size:13px;font-weight:700}.step-body{flex:1}.step-title{font-size:14px;font-weight:600;margin-bottom:8px}.step-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.step-head .step-title{margin-bottom:0}.warn{color:var(--danger);font-size:12.5px;margin-top:8px}.quota-strip{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;margin-bottom:18px;font-size:13px}.quota-strip .chips{display:flex;gap:8px;margin-left:auto}.chip{background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:3px 12px}.chip b{color:var(--accent)}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11.5px;font-weight:600}.badge.pending{background:#8b5cf626;color:var(--violet)}.badge.active{background:#c2f24e26;color:var(--accent)}.badge.rejected{background:#ff5d5d26;color:var(--danger)}.badge.tariff{background:#c2f24e1f;color:var(--accent);border:1px solid rgba(194,242,78,.3)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:120;display:flex;align-items:center;justify-content:center}.modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;width:560px;max-width:94vw;max-height:90vh;overflow:auto}.modal h3{margin-bottom:12px}.modal .modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.popup{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;width:380px;max-width:92vw;text-align:center}.popup p{color:var(--muted);margin:8px 0 18px;font-size:14px}.modal-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--muted);font-size:20px;cursor:pointer;line-height:1;padding:4px 8px}.modal-close:hover{color:var(--text)}.report-fab{position:fixed;right:20px;bottom:20px;z-index:100;background:var(--surface2);color:var(--danger);border:1px solid var(--border);border-radius:50%;width:54px;height:54px;cursor:pointer;font-size:22px;transition:.15s}.report-fab:hover{border-color:var(--danger)}.report-banner{position:fixed;top:0;left:0;right:0;z-index:90;background:var(--violet);color:#fff;text-align:center;padding:10px 16px;font-size:14px}.alert{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:12px}.alert-error{background:#ff5d5d1f;color:var(--danger);border:1px solid rgba(255,93,93,.3)}.alert-ok{background:#c2f24e1f;color:var(--accent);border:1px solid rgba(194,242,78,.3)}
