.boot{height:100vh;display:flex;align-items:center;justify-content:center}.boot__spinner{width:42px;height:42px;border:4px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg: #f4f5fb;--surface: #ffffff;--border: #e6e8f0;--text: #1b1f2a;--muted: #6b7280;--primary: #4b0082;--primary-dark: #380061;--primary-soft: #f1e9f8;--primary-fg: #4b0082;--danger: #dc2626;--danger-soft: #fef2f2;--success: #16a34a;--success-soft: #f0fdf4;--warning: #d97706;--radius: 14px;--radius-sm: 10px;--shadow: 0 10px 30px -12px rgba(31, 41, 55, .25);--shadow-sm: 0 2px 8px -4px rgba(31, 41, 55, .2)}:root[data-theme=dark]{--bg: #14121c;--surface: #1d1a28;--border: #2e2940;--text: #ececf1;--muted: #9b97a8;--primary: #6a1fb0;--primary-dark: #561a8e;--primary-soft: #2a2140;--primary-fg: #c8a6f0;--danger: #f87171;--danger-soft: #3a1f24;--success: #4ade80;--success-soft: #16301f;--warning: #fbbf24;--shadow: 0 10px 30px -12px rgba(0, 0, 0, .6);--shadow-sm: 0 2px 8px -4px rgba(0, 0, 0, .5)}html{background:var(--bg)}body,.card,.input,.app__header,.toast{transition:background-color .2s ease,border-color .2s ease,color .2s ease}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary) 45%,transparent) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary) 45%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--primary) 72%,transparent);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}a{color:var(--primary-fg);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .5em;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;background:var(--primary);color:#fff}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn--ghost:hover{background:var(--bg)}.btn--danger{background:var(--danger)}.btn--danger:hover{background:#b91c1c}.btn--sm{padding:6px 12px;font-size:13px}.btn--block{width:100%}.field{margin-bottom:16px}.field__label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.input{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999999s ease-in-out 0s,color 9999999s ease-in-out 0s}select,textarea{color:var(--text)}select option{color:var(--text);background:var(--surface)}.sortable--edit>[data-block]{outline:2px dashed var(--primary);outline-offset:4px;border-radius:var(--radius, 14px);cursor:grab;transition:outline-color .15s ease,opacity .15s ease,transform .15s ease}.sortable--edit>[data-block]:hover{transform:translateY(-1px)}.sortable--edit>[data-block]:active{cursor:grabbing}.sortable__dragging{opacity:.45}.gb-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.gridblocks--grid{display:grid;position:relative}.gridblocks--grid>[data-block]{align-self:stretch}.gridblocks--edit{touch-action:none;-webkit-user-select:none;user-select:none}.gridblocks--edit>[data-block]{outline:2px dashed var(--primary);outline-offset:4px;border-radius:var(--radius, 14px);cursor:grab;transition:outline-color .15s ease,box-shadow .15s ease}.gridblocks--edit>[data-block].gb-dragging{cursor:grabbing;z-index:5;opacity:.9;box-shadow:0 8px 24px var(--primary-soft, rgba(75, 0, 130, .25))}.gb-resize{position:absolute;right:4px;bottom:4px;width:16px;height:16px;border-right:3px solid var(--primary);border-bottom:3px solid var(--primary);border-bottom-right-radius:6px;cursor:nwse-resize;opacity:.65;z-index:6}.gb-resize:hover{opacity:1}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.field__error{color:var(--danger);font-size:12px;margin-top:5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a071299;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:modalFade .15s ease}.modal__box{width:100%;max-width:520px;max-height:min(88vh,100%);overflow-y:auto;overflow-x:hidden;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);animation:modalIn .18s ease}.modal__box--sm{max-width:400px}.modal__box--wide{max-width:880px}.modal__box--xl{max-width:1100px}.modal__box--full{max-width:1400px;width:94vw}.modal__box h3{margin-top:0}.modal__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}@keyframes modalFade{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}}@media (max-width: 640px){.modal{padding:10px}.modal__box{padding:18px 16px;max-height:94vh}}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge--active{background:var(--success-soft);color:var(--success)}.badge--blocked{background:var(--danger-soft);color:var(--danger)}.badge--role-user{background:#f1f5f9;color:#475569}.badge--role-accountant{background:#ecfeff;color:#0e7490}.badge--role-admin{background:var(--primary-soft);color:var(--primary-fg)}.badge--role-superadmin{background:#fdf4ff;color:#a21caf}.badge--unverified{background:#fff7ed;color:var(--warning)}.avatar{border-radius:50%;background:var(--primary-soft);display:inline-flex;align-items:center;justify-content:center;color:var(--primary-fg);font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.toast-stack{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000}.toast{min-width:260px;max-width:360px;padding:13px 16px;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow);border-left:4px solid var(--primary);font-size:14px;display:flex;justify-content:space-between;gap:12px}.toast--success{border-left-color:var(--success)}.toast--error{border-left-color:var(--danger)}.toast--info{border-left-color:var(--primary)}.toast__close{background:none;border:none;cursor:pointer;color:var(--muted);font-size:16px;line-height:1}.toast-enter-active,.toast-leave-active{transition:all .25s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(20px)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.muted{color:var(--muted)}.text-center{text-align:center}.table-scroll{overflow-x:auto}code{word-break:break-word}