*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--surface-hover:#242736;--border:#2d3042;--text:#e4e4e7;--text-muted:#8b8d98;--primary:#3b82f6;--primary-hover:#2563eb;--danger:#ef4444;--danger-hover:#dc2626;--success:#22c55e;--radius:8px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 1.5rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:2rem;display:flex}.header-right{align-items:center;gap:1rem;display:flex}.app-title{color:var(--text);white-space:nowrap;font-size:1.1rem;font-weight:700}.app-title:hover{text-decoration:none}.app-nav{gap:.25rem;display:flex}.nav-link{border-radius:var(--radius);color:var(--text-muted);white-space:nowrap;padding:.375rem .75rem;font-size:.875rem;transition:all .15s}.nav-link:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.nav-link.active{background:var(--primary);color:#fff}.user-email{color:var(--text-muted);font-size:.875rem}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.app-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;padding:.75rem 1.5rem;font-size:.8125rem}.app-version{letter-spacing:.03em}.oauth-client-form{margin-bottom:0}.oauth-client-result,.oauth-client-current{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.oauth-client-current h4{margin-bottom:.75rem;font-size:.95rem}.oauth-client-uri-list{margin-left:1.25rem;list-style:outside}.oauth-client-uri-list li+li{margin-top:.5rem}.oauth-client-uri-list code,.oauth-client-result code{word-break:break-all}.oauth-client-note{color:var(--text-muted);margin-top:.5rem;font-size:.8125rem}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;transition:all .15s;display:inline-flex}.btn:hover{background:var(--surface-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.25rem .625rem;font-size:.8125rem}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-danger:hover{background:var(--danger);color:#fff}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-header h1{font-size:1.5rem}.data-table{border-collapse:collapse;width:100%;margin:1rem 0}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:.625rem .875rem}.data-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table .actions{gap:.375rem;display:flex}.create-form,.search-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}label{color:var(--text-muted);flex-direction:column;flex:1;gap:.25rem;min-width:180px;font-size:.8125rem;display:flex}input[type=text],input[type=email],input[type=password],input[type=number]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}input:focus{border-color:var(--primary)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%;padding-right:2.5rem}.password-toggle{cursor:pointer;opacity:.6;background:0 0;border:none;padding:.25rem;font-size:.9rem;line-height:1;transition:opacity .15s;position:absolute;right:.5rem}.password-toggle:hover{opacity:1}.create-form label{flex-direction:column;display:flex}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.page-info{color:var(--text-muted);font-size:.875rem}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:1rem;width:100%;max-width:400px;padding:2rem;display:flex}.auth-form h2{text-align:center;margin-bottom:.5rem}.auth-link{text-align:center;color:var(--text-muted);font-size:.875rem}h1{font-size:1.5rem;font-weight:700}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.dashboard-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:1.25rem;transition:all .15s}.dashboard-card:hover{background:var(--surface-hover);border-color:var(--primary);text-decoration:none}.dashboard-card h3{margin-bottom:.375rem;font-size:1rem}.dashboard-card p{color:var(--text-muted);font-size:.8125rem}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.dashboard-refresh-row{align-items:center;gap:.75rem;display:flex}.dashboard-timestamp{color:var(--text-muted);font-size:.875rem}.dashboard-count{color:var(--primary);margin:8px 0;font-size:1.75rem;font-weight:600;line-height:1}.dashboard-count--muted{color:var(--text-muted)}.dashboard-count-detail{color:var(--text-muted);margin-top:2px;font-size:.75rem;display:block}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;margin:8px 0;animation:.6s linear infinite dashboard-spin;display:inline-block}.quick-actions{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:2rem;padding:1.25rem}.quick-actions h2{margin-bottom:1rem;font-size:1rem;font-weight:600}.quick-actions-grid{flex-wrap:wrap;gap:.5rem;display:flex}.back-link{margin-bottom:1rem;font-size:.875rem;display:inline-block}.breadcrumb{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem;display:block}.breadcrumb-separator,.breadcrumb-current{color:var(--text-muted)}.subtitle{color:var(--text-muted);margin-bottom:1.5rem}.detail-sections{flex-direction:column;gap:2rem;display:flex}.related-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.related-section h3{margin-bottom:.75rem;font-size:1rem}.related-section-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.related-section-header h3{margin-bottom:0}.opa-controls{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.opa-filter{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.opa-filter input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);min-width:250px;padding:.5rem .75rem;font-size:.875rem}.opa-summary,.opa-raw{margin-top:1rem}.opa-raw summary{cursor:pointer;color:var(--text-muted);font-size:.875rem}.opa-raw pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:500px;margin-top:.5rem;padding:1rem;font-size:.75rem;overflow-x:auto}.error-msg{border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);background:#ef44441a;margin-bottom:1rem;padding:.625rem 1rem;font-size:.875rem}.loading{color:var(--text-muted);text-align:center;padding:2rem 0}.empty-state{color:var(--text-muted);text-align:center;padding:2rem 0;font-size:.875rem}.modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:1.5rem}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.searchable-select{position:relative}.searchable-select-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:50;max-height:200px;margin-top:2px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.searchable-select-dropdown li{cursor:pointer;padding:.5rem .75rem;font-size:.875rem}.searchable-select-dropdown li:hover{background:var(--surface-hover)}.field-error{color:var(--danger);margin-top:.125rem;font-size:.75rem}select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}select:focus{border-color:var(--primary)}.toast-container{z-index:10000;flex-direction:column;gap:.5rem;max-width:400px;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast{color:#fff;border-radius:.5rem;padding:.75rem 1.25rem;font-size:.875rem;line-height:1.4;animation:.3s ease-out toast-slide-in,.3s ease-in 3.7s forwards toast-fade-out;box-shadow:0 4px 12px #0006}.toast-error{background:var(--danger)}.toast-success{background:var(--success)}.toast-info{background:var(--primary)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-fade-out{0%{opacity:1}to{opacity:0}}.action-menu-wrapper{display:inline-block;position:relative}.action-menu-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:50;min-width:140px;margin-top:4px;padding:.25rem 0;list-style:none;position:absolute;top:100%;right:0}.action-menu-dropdown li{cursor:pointer;color:var(--text);padding:.5rem 1rem;font-size:.875rem}.action-menu-dropdown li:hover{background:var(--surface-hover)}.text-add-row{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.text-add-row input{flex:1}.bulk-modal{width:100%;max-width:560px}.bulk-modal-textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:100px;color:var(--text);resize:vertical;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.bulk-modal-textarea:focus{border-color:var(--primary)}.chip-list{flex-wrap:wrap;gap:.5rem;max-height:200px;padding:.5rem 0;display:flex;overflow-y:auto}.email-chip{background:var(--surface-hover);border:1px solid var(--border);color:var(--text);border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1.4;display:inline-flex}.email-chip-invalid{border-color:var(--danger);color:var(--danger);background:#ef44441a}.email-chip-success{border-color:var(--success);color:var(--success);background:#22c55e1a}.email-chip-error{border-color:var(--danger);color:var(--danger);background:#ef44441a}.chip-remove{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;align-items:center;padding:0;font-size:.75rem;line-height:1;display:inline-flex}.chip-remove:hover{opacity:1}.bulk-result-summary{color:var(--text-muted);margin-top:.5rem;font-size:.875rem}.search-bar{margin-bottom:1rem}.search-input{width:100%;max-width:320px}.search-hint{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.role-badge{white-space:nowrap;border:1px solid;border-radius:4px;align-items:center;padding:2px 8px;font-size:.8125rem;font-weight:600;display:inline-flex}.role-badge--superadmin{border-color:var(--primary);color:var(--primary);background:#3b82f626}.role-badge--account-admin,.role-badge--app-admin{border-color:var(--success);color:var(--success);background:#22c55e26}.role-badge--user{border-color:var(--border);color:var(--text-muted);background:0 0}