:root{--background-default: #0f172a;--background-accent: #1e293b;--surface: #fff;--surface-secondary: rgba(225, 232, 237, .05);--surface-tertiary: rgba(225, 232, 237, .08);--text-primary: #e1e8ed;--text-secondary: #aab8c2;--text-soft: #7b61ff;--text-subtle: rgba(225, 232, 237, .6);--text: #e1e8ed;--text-on-light: #005d80;--text-on-light-secondary: #002b3b;--highlight-primary: #ffb800;--highlight-secondary: #ff7a00;--highlight-danger: #ff4b5c;--primary: #ffb800;--primary-dark: #ff7a00;--primary-hover: #ff7a00;--border-strong: rgba(0, 174, 239, .35);--border: rgba(225, 232, 237, .2);--success: #00ef7c;--warning: #ffd600;--error: #ff4b5c;--info: #7b61ff;--danger: #ff4b5c;--panel-info-accent: #00aeef;--panel-info-text: #005d80;--panel-info-bg-start: rgba(0, 174, 239, .05);--panel-info-bg-end: rgba(0, 174, 239, .02);--panel-info-bg-08: rgba(0, 174, 239, .08);--panel-info-shadow-15: rgba(0, 174, 239, .15);--panel-info-shadow-20: rgba(0, 174, 239, .2);--panel-info-glow-50: rgba(0, 174, 239, .5);--panel-admin-accent: #00ef7c;--panel-admin-text: #005d80;--panel-admin-bg-start: rgba(0, 239, 124, .05);--panel-admin-bg-end: rgba(0, 239, 124, .02);--panel-admin-bg-08: rgba(0, 239, 124, .08);--panel-admin-shadow-15: rgba(0, 239, 124, .15);--panel-admin-shadow-20: rgba(0, 239, 124, .2);--panel-admin-glow-50: rgba(0, 239, 124, .5);--panel-caution-accent: #ffd600;--panel-caution-text: #002b3b;--panel-caution-bg-start: rgba(255, 214, 0, .08);--panel-caution-bg-end: rgba(255, 214, 0, .03);--panel-caution-bg-08: rgba(255, 214, 0, .08);--panel-caution-shadow-15: rgba(255, 214, 0, .15);--panel-caution-shadow-20: rgba(255, 214, 0, .2);--panel-caution-glow-50: rgba(255, 214, 0, .5);--panel-danger-accent: #ff4b5c;--panel-danger-text: #005d80;--panel-danger-bg-start: rgba(255, 75, 92, .05);--panel-danger-bg-end: rgba(255, 75, 92, .02);--panel-danger-bg-08: rgba(255, 75, 92, .08);--panel-danger-shadow-15: rgba(255, 75, 92, .15);--panel-danger-shadow-20: rgba(255, 75, 92, .2);--panel-danger-glow-50: rgba(255, 75, 92, .5);--severity-critical-bg: #fee;--severity-critical-text: #c00;--severity-high-bg: #ffe;--severity-high-text: #c60;--severity-medium-bg: #ffd;--severity-medium-text: #990;--severity-low-bg: #eef;--severity-low-text: #06c;--status-success-bg: rgba(0, 239, 124, .2);--status-success-text: #00ef7c;--status-warning-bg: rgba(255, 214, 0, .2);--status-warning-text: #ffd600;--status-danger-bg: rgba(255, 75, 92, .2);--status-danger-text: #ff4b5c;--status-info-bg: rgba(0, 174, 239, .2);--status-info-text: #00aeef;--status-neutral-bg: rgba(225, 232, 237, .1);--status-neutral-text: #aab8c2;--risk-safe-bg: rgb(76, 175, 80, .9);--risk-safe-text: #fff;--risk-review-bg: rgb(255, 206, 71, .9);--risk-review-text: #000;--risk-blocked-bg: rgb(250, 58, 0, .9);--risk-blocked-text: #fff;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;--space-xs: .25rem;--space-sm: .75rem;--space-md: 1.5rem;--space-lg: 3rem;--space-xl: 4.5rem;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.5rem;--font-size-h4: 1.25rem;--font-size-h5: 1.125rem;--font-size-h6: 1rem;--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-xs: .75rem;--line-height-tight: 1.2;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}:root[data-theme=accessibility]{--background-default: #1a1a1a;--background-accent: #2a2a2a;--surface: #2a2a2a;--text-primary: #fff;--text-secondary: #e0e0e0;--panel-info-accent: #5ae1ff;--panel-info-text: #fff;--panel-info-bg-start: rgba(71, 212, 255, .15);--panel-info-bg-end: rgba(71, 212, 255, .1);--panel-info-bg-08: rgba(71, 212, 255, .2);--panel-info-shadow-15: rgba(71, 212, 255, .25);--panel-info-shadow-20: rgba(71, 212, 255, .35);--panel-admin-accent: #e0ff5e;--panel-admin-text: #fff;--panel-admin-bg-start: rgba(212, 255, 71, .15);--panel-admin-bg-end: rgba(212, 255, 71, .1);--panel-admin-bg-08: rgba(212, 255, 71, .2);--panel-caution-accent: #ffd65e;--panel-caution-text: #fff;--panel-caution-bg-start: rgba(255, 206, 71, .15);--panel-caution-bg-end: rgba(255, 206, 71, .1);--panel-caution-bg-08: rgba(255, 206, 71, .2);--panel-danger-accent: #ff5e38;--panel-danger-text: #ffb3a0;--panel-danger-bg-start: rgba(250, 58, 0, .15);--panel-danger-bg-end: rgba(250, 58, 0, .1);--panel-danger-bg-08: rgba(250, 58, 0, .2);--border-strong: rgba(255, 255, 255, .45);--border: rgba(255, 255, 255, .45);--font-size-base: 1.125rem;--line-height-normal: 1.8;--line-height-relaxed: 2;--focus-offset: 4px;--focus-width: 3px}:root[data-theme=accessibility] .panel,:root[data-theme=accessibility] .info-panel,:root[data-theme=accessibility] .info-panel-accent{background:var(--surface);border-width:3px}:root[data-theme=accessibility] .admin-panel{background:#d4ff471a;border-width:3px}:root[data-theme=accessibility] .caution-panel{background:#ffce471a;border-width:3px}:root[data-theme=accessibility] .danger-panel{background:#fa3a001a;border-width:3px}:root[data-theme=accessibility] *:focus{outline:var(--focus-width, 3px) solid var(--panel-info-accent);outline-offset:var(--focus-offset, 4px)}:root[data-theme=accessibility] *,:root[data-theme=accessibility] *:before,:root[data-theme=accessibility] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.role-badge--owner{background:#d4ff47;color:#242324}.role-badge--manager{background:var(--panel-info-accent);color:#0b1116}.role-badge--member{background:#cfdbcf;color:#0b1116}.status-badge--muted{border:1px solid #ffce47;color:#ffce47}.status-badge--kicked{border:1px solid #ff7247;color:#ff7247}.status-badge--banned{border:1px solid #fa3a00;color:#fa3a00}.status-badge--default{border:1px solid #cfdbcf;color:#cfdbcf}.role-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;line-height:1}.status-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;line-height:1}*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0;min-height:100vh;background:var(--background-default);color:var(--text-primary);font-family:var( --font-family, "Inter", "Segoe UI", system-ui, -apple-system, sans-serif );line-height:1.6}a{color:var(--highlight-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;font-weight:600}a:visited{color:var(--highlight-secondary)}a:hover,a:focus-visible{color:var(--text-primary);text-decoration-color:var(--text-primary)}a:focus-visible{outline:2px solid var(--highlight-primary);outline-offset:2px;border-radius:4px}main{min-height:100vh;background:var(--background-default)}.panel{background:#0f172ad9;border-radius:var(--radius-lg);border:1px solid var(--border-strong);padding:var(--space-md);box-shadow:0 20px 40px #00000059;height:100%;display:flex;flex-direction:column}.accent-outline{border:1px solid rgb(245,203,92,.4)}.text-muted{color:var(--text-secondary)}.stack{display:flex;flex-direction:column;gap:var(--space-sm)}.md-input{border-radius:.75rem;border:1px solid var(--border-strong);padding:.9rem 1rem;background:#ffffff05;color:var(--text-primary);height:44px;transition:border-color .16s ease,box-shadow .16s ease,transform .12s ease;display:block;width:100%;box-sizing:border-box}.md-input::placeholder{color:var(--text-subtle)}.md-input:focus{outline:none;border-color:var(--highlight-primary);box-shadow:0 6px 18px #f5cb5c1f;transform:translateY(-1px)}textarea.md-input{min-height:6rem;resize:vertical;padding-top:.8rem;line-height:1.35rem;height:auto}.form-control{border-radius:.75rem;border:1px solid var(--border-strong);padding:.9rem 1rem;background:#ffffff05;color:var(--text-primary);font-size:15px;line-height:1.25;transition:border-color .16s ease,box-shadow .16s ease,transform .12s ease;display:block;width:100%;box-sizing:border-box;font-family:inherit}.form-control::placeholder{color:var(--text-subtle)}.form-control:focus{outline:none;border-color:var(--highlight-primary);box-shadow:0 6px 18px #f5cb5c1f;transform:translateY(-1px)}textarea.form-control{min-height:6rem;resize:vertical;padding-top:.8rem;line-height:1.35rem;height:auto}.form-control:disabled,.form-control[readonly]{opacity:.6;cursor:not-allowed;background:#ffffff03}.form-control[aria-invalid=true],.form-control.is-invalid{border-color:var(--highlight-danger)!important;box-shadow:none}select.md-input{appearance:none;padding-right:2.25rem}.form-stack{display:flex;flex-direction:column;gap:var(--space-sm)}.section-stack{display:flex;flex-direction:column;gap:var(--space-lg)}.button-container{margin-top:var(--space-sm)}.section-gap-top{display:block;margin-top:var(--space-lg)}select.md-input{border-radius:.75rem;border:1px solid var(--border-strong);padding:.5625rem .75rem;background:#ffffff05;color:var(--text-primary);line-height:1.6;min-height:44px}select.md-input:focus{outline:2px solid var(--highlight-primary);outline-offset:2px}select.md-input{background-image:linear-gradient(45deg,transparent 50%,var(--text-primary) 50%),linear-gradient(135deg,var(--text-primary) 50%,transparent 50%);background-position:calc(100% - 18px) calc(1em + 1px),calc(100% - 13px) calc(1em + 1px);background-size:7px 7px,7px 7px;background-repeat:no-repeat;background-color:#ffffff05}input.md-input,select.md-input,textarea.md-input{font-size:15px;line-height:1.25}select,select.md-input{border-color:var(--panel-info-accent);background-color:#ffffff05;color:var(--text-primary)}select:focus,select.md-input:focus{outline:2px solid var(--panel-info-accent);outline-offset:2px;box-shadow:0 2px 12px var(--panel-info-glow-50)}.md-input:disabled,.md-input[readonly]{opacity:.6;cursor:not-allowed;background:#ffffff03}.md-input[aria-invalid=true],.md-input.md-error{border-color:var(--highlight-danger)!important;box-shadow:none}.md-form{display:grid;gap:1rem}.md-field{display:grid;gap:.4rem}.md-label{font-size:.85rem;color:var(--text-secondary)}.md-actions{display:flex;gap:.75rem;justify-content:center}.md-button{border:none;border-radius:.75rem;min-height:44px;padding:0 1.25rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background-color .2s ease,border-color .2s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center}.md-button:focus{outline:2px solid var(--highlight-primary);outline-offset:2px}.md-button:hover{transform:translateY(-1px)}.md-button:active{transform:translateY(0)}.md-primary{background:var(--highlight-primary);color:#1b1b1b}.md-primary:hover{background:var(--highlight-warning)}.md-tonal{background:transparent;border:1px solid var(--border-strong);color:var(--text-soft)}.md-tonal:hover{border-color:var(--highlight-primary);background:#f5cb5c14}.md-outline{background:transparent;border:1px solid var(--border-strong);color:var(--text-primary)}.md-outline:hover{border-color:var(--highlight-primary)}@media (width <= 768px){.md-actions{flex-direction:column}}input[type=file]{border-radius:.75rem;border:1px solid var(--border-strong);padding:.6rem .9rem;background:#ffffff05;color:var(--text-primary)}input[type=file]::file-selector-button{background:transparent;color:inherit;border:none;padding:.6rem .9rem;margin-right:.35rem;border-radius:.5rem;cursor:pointer}button{border:none;border-radius:.75rem;padding:.85rem 1.25rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;font-family:inherit;background:var(--highlight-primary);color:#1b1b1b;min-height:44px}button:hover{filter:brightness(1.1);transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus{outline:2px solid var(--highlight-primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.secondary{background:transparent;border:1px solid var(--border-strong);color:var(--text-primary)}button.secondary:focus{outline-color:var(--text-primary)}button.ghost{background:transparent;color:var(--text-secondary);border:none}button.ghost:hover{color:var(--text-primary)}.info-panel{border:2px solid var(--panel-info-accent);background:var(--surface);transition:all .2s ease}.info-panel:hover{box-shadow:0 4px 12px var(--panel-info-shadow-20);transform:translateY(-2px)}.info-panel h2,.info-panel h3{color:var(--panel-info-accent)}.info-panel-accent{border:2px solid var(--panel-info-accent);background:var(--panel-info-bg-08);box-shadow:0 2px 8px var(--panel-info-shadow-15);transition:all .2s ease}.info-panel-accent:hover{box-shadow:0 4px 16px var(--panel-info-shadow-20);transform:translateY(-2px)}.info-panel-accent h2,.info-panel-accent h3{color:var(--panel-info-accent)}.panel-description{margin:0 0 1rem;color:var(--text-on-light);font-size:.875rem;font-weight:500;line-height:1.5}.admin-panel{border:2px solid var(--panel-admin-accent);background:var(--surface);transition:all .2s ease}.admin-panel:hover{box-shadow:0 4px 12px var(--panel-admin-shadow-20);transform:translateY(-2px)}.admin-panel h2,.admin-panel h3{color:var(--panel-admin-accent)}.caution-panel{border:2px solid var(--panel-caution-accent);background:var(--surface);transition:all .2s ease}.caution-panel:hover{box-shadow:0 4px 12px var(--panel-caution-shadow-20);transform:translateY(-2px)}.caution-panel h2,.caution-panel h3{color:var(--panel-caution-accent)}.danger-panel{border:2px solid var(--panel-danger-accent);background:var(--surface);transition:all .2s ease}.danger-panel:hover{box-shadow:0 4px 12px var(--panel-danger-shadow-20);transform:translateY(-2px)}.danger-panel h2,.danger-panel h3{color:var(--panel-danger-accent);margin:0 0 .5rem}.delete-warning{margin:1rem 0;padding:1rem;background:var(--panel-danger-bg-08);border-left:4px solid var(--panel-danger-accent);border-radius:var(--radius-sm)}.warning-text{margin:0;color:var(--panel-danger-text);font-size:var(--font-size-sm);font-weight:500;line-height:var(--line-height-relaxed)}.delete-button{background:var(--panel-danger-accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.delete-button:hover{background:var(--panel-danger-text);box-shadow:0 4px 12px var(--panel-danger-shadow-20)}.delete-button:active{transform:translateY(1px)}.delete-button:disabled{opacity:.5;cursor:not-allowed}.panel{background:var(--surface);border:2px solid var(--panel-info-accent);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:0 2px 8px var(--panel-info-shadow-15);transition:all .2s ease}.panel:hover{box-shadow:0 4px 16px var(--panel-info-shadow-20);transform:translateY(-2px)}.panel h2,.panel h3{color:var(--panel-info-accent)}.panel>.panel{padding:var(--space-sm)}.panel,.info-panel,.info-panel-accent,.admin-panel,.caution-panel,.danger-panel,.panel--card,.panel--hero,.panel--nav{color:var(--text-on-light-secondary)}.panel p,.info-panel p,.admin-panel p,.caution-panel p,.danger-panel p{color:var(--text-on-light)}.panel h2,.panel h3,.panel h4,.info-panel h2,.info-panel h3,.admin-panel h2,.admin-panel h3,.caution-panel h2,.caution-panel h3,.danger-panel h2,.danger-panel h3{color:var(--text-on-light-secondary)}.panel--interactive{cursor:pointer;text-decoration:none;color:inherit}.panel--interactive:hover{transform:translateY(-4px);box-shadow:0 6px 20px var(--panel-info-shadow-20)}.panel--interactive:active{transform:translateY(-2px)}.panel--static:hover{transform:none;box-shadow:0 2px 8px var(--panel-info-shadow-15)}.panel--hero{padding:var(--space-lg);text-align:center;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm)}.search-box .md-input,.quick-search-input{border:2px solid var(--border-strong);box-shadow:0 2px 8px #0000001a}.search-box .md-input:focus,.quick-search-input:focus{border-color:var(--highlight-primary);box-shadow:0 2px 8px #00000026,0 0 0 3px #f5cb5c26}.users-table button,.organizations-table button,table button{background:var(--highlight-primary);color:var(--background-default);border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.users-table button:hover,.organizations-table button:hover,table button:hover{background:var(--text-primary);box-shadow:0 4px 12px #f5cb5c40;transform:translateY(-1px)}.users-table button:active,.organizations-table button:active,table button:active{transform:translateY(0)}.users-table tr:hover,.organizations-table tr:hover,table tbody tr:hover{background:#ffffff0d;transition:background .15s ease}.users-table tr:nth-child(2n),.organizations-table tr:nth-child(2n),table tbody tr:nth-child(2n){background:#ffffff05}.users-table tr:nth-child(2n):hover,.organizations-table tr:nth-child(2n):hover,table tbody tr:nth-child(2n):hover{background:#ffffff0f}.skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#ffffff14;border-radius:4px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-bar{height:16px;background:#ffffff1f;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:.5rem}.skeleton-bar.short{width:60%}.skeleton-value{height:32px;width:80px;background:#ffffff26;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px;margin:.5rem 0}.skeleton-table-row{display:flex;gap:1rem;padding:1rem;align-items:center}.skeleton-table-row .skeleton-bar{flex:1;margin-bottom:0}@media (width <= 768px){.panel{border-radius:0;box-shadow:none}}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fade-in .2s ease-out}.modal-content{background:var(--background-default);border:2px solid var(--border-strong);border-radius:8px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slide-up .2s ease-out;position:relative;padding:1.5rem}.modal-content.modal-sm{max-width:400px}.modal-content.modal-lg{max-width:800px}.modal-content.modal-xl{max-width:1200px;width:95%}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-close:focus-visible{outline:2px solid var(--highlight-primary);outline-offset:2px}.modal-body{margin:1rem 0}.modal-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.wizard-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fade-in .3s ease-out}.wizard-content{background:var(--background-default);border:2px solid var(--border-strong);border-radius:12px;max-width:700px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:slide-up-immersive .3s ease-out;position:relative;display:flex;flex-direction:column}.wizard-header{padding:1.5rem;border-bottom:1px solid var(--border);position:relative;flex-shrink:0}.wizard-progress{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.wizard-progress-bar{flex:1;height:4px;background:var(--surface-secondary);border-radius:2px;overflow:hidden}.wizard-progress-fill{height:100%;background:var(--highlight-primary);transition:width .3s ease}.wizard-step-counter{font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.wizard-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.wizard-close:hover{color:var(--text-primary)}.wizard-close:focus-visible{outline:2px solid var(--highlight-primary);outline-offset:2px}.wizard-body{flex:1;padding:1.5rem;overflow-y:auto}.wizard-footer{padding:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:1rem;flex-shrink:0}.wizard-footer-left,.wizard-footer-right{display:flex;gap:.75rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up-immersive{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (width <= 768px){.modal-content{width:95%;padding:1rem}.modal-content.modal-xl{width:95%}.wizard-content{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0}.wizard-header,.wizard-body,.wizard-footer{padding:1rem}.modal-close,.wizard-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.wizard-footer-left,.wizard-footer-right{flex-direction:column;width:100%}.wizard-footer{flex-direction:column}.wizard-footer button{min-height:44px}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-content,.wizard-overlay,.wizard-content{animation:none}.wizard-progress-fill{transition:none}}@supports not (backdrop-filter: blur(10px)){.modal-overlay,.wizard-overlay{background:#000000d9}}.modal-content:focus,.wizard-content:focus{outline:none}.modal-content button:focus-visible,.wizard-content button:focus-visible{outline:2px solid var(--highlight-primary);outline-offset:2px}.modal-overlay{position:fixed;inset:0;background:#0f172ad9;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}.modal-container,.modal-content,.modal-dialog{background:var(--surface);border-radius:8px;padding:0;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;border:2px solid var(--border-strong)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--surface)}.modal-header h2,.modal-header h3{margin:0;font-size:1.5rem;font-family:Michroma,sans-serif;color:var(--text-on-light)}.modal-body{padding:2rem 1.5rem;background:var(--surface);color:var(--text-on-light)}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);background:var(--surface);display:flex;gap:.75rem;justify-content:flex-end}.modal-close-button,.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-on-light-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close-button:hover,.close-button:hover{background:#00aeef1a;color:var(--text-on-light)}.modal-body input,.modal-body textarea,.modal-body select{background:var(--surface);color:var(--text-on-light);border:2px solid var(--border-subtle)}.modal-body input:focus,.modal-body textarea:focus,.modal-body select:focus{border-color:var(--panel-info-accent);outline:none}.modal-body label{color:var(--text-on-light);font-weight:500}.modal-footer .btn-primary{background:var(--highlight-primary);color:var(--text-on-light-bold);border:none}.modal-footer .btn-secondary{background:transparent;color:var(--text-on-light);border:2px solid var(--border-subtle)}.modal-footer .btn-secondary:hover{border-color:var(--panel-info-accent);background:#00aeef0d}.location-indicator{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:600;font-size:.875rem;background:var(--surface-secondary);color:var(--text-primary);border:2px solid var(--border)}.location-indicator.pickup{background:#00ef7c1a;border-color:var(--panel-admin-accent);color:var(--panel-admin-accent)}.location-indicator.dropoff{background:#00aeef1a;border-color:var(--panel-info-accent);color:var(--panel-info-accent)}.location-indicator.intermediate{background:#ffd6001a;border-color:var(--panel-caution-accent);color:var(--panel-caution-accent)}.location-indicator.completed{background:var(--panel-admin-accent);color:var(--text-on-light-bold);border-color:var(--panel-admin-accent)}.location-indicator.pending{opacity:.6}.location-list{list-style:none;padding:0;margin:0;position:relative}.location-list-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--surface);border-radius:8px;margin-bottom:.5rem;border:1px solid var(--border);position:relative}.location-list-item:before{content:"";position:absolute;left:2rem;top:48px;bottom:-8px;width:2px;background:var(--border)}.location-list-item:last-child:before{display:none}.location-list-item.active{border-color:var(--panel-info-accent);background:var(--panel-info-bg-start)}.cargo-split-table{width:100%;border-collapse:collapse;margin:1rem 0;background:var(--surface);border-radius:8px;overflow:hidden}.cargo-split-table thead{background:var(--surface-secondary)}.cargo-split-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-on-light);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.cargo-split-table td{padding:.75rem 1rem;border-top:1px solid var(--border);color:var(--text-on-light)}.cargo-split-table tbody tr:hover{background:var(--panel-info-bg-start)}.cargo-split-input{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-on-light);font-size:.875rem}.cargo-split-input:focus{outline:none;border-color:var(--panel-info-accent);box-shadow:0 0 0 3px var(--panel-info-bg-08)}.cargo-split-input.error{border-color:var(--panel-danger-accent)}.cargo-split-summary{background:var(--surface-tertiary);font-weight:600}.cargo-split-summary td{border-top:2px solid var(--border-strong)}.transaction-history{list-style:none;padding:0;margin:0}.transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface);border-radius:8px;margin-bottom:.5rem;border:1px solid var(--border)}.transaction-type-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.transaction-type-badge.purchase{background:#ff4b5c1a;color:var(--panel-danger-accent)}.transaction-type-badge.sale{background:#00ef7c1a;color:var(--panel-admin-accent)}.transaction-type-badge.warehouse-in{background:#00aeef1a;color:var(--panel-info-accent)}.transaction-type-badge.warehouse-out{background:#7b61ff1a;color:var(--text-soft)}.transaction-type-badge.discard-lost,.transaction-type-badge.discard-destroyed{background:#ffd6001a;color:var(--panel-caution-accent)}.delivery-progress{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.delivery-progress-bar{position:relative;height:8px;background:var(--surface-secondary);border-radius:4px;overflow:hidden}.delivery-progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--panel-admin-accent);transition:width .3s ease;border-radius:4px}.delivery-progress-fill.partial{background:var(--panel-caution-accent)}.delivery-progress-label{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary)}.delivery-progress-label strong{color:var(--text-on-light);font-weight:600}.wizard-steps{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0;padding:0;list-style:none;position:relative}.wizard-steps:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:var(--border);z-index:0;transform:translateY(-50%)}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:1;background:var(--background-accent);padding:0 .5rem}.wizard-step-indicator{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface-secondary);color:var(--text-primary);font-weight:600;border:2px solid var(--border)}.wizard-step.active .wizard-step-indicator{background:var(--panel-info-accent);color:var(--text-on-light-bold);border-color:var(--panel-info-accent);box-shadow:0 0 0 4px var(--panel-info-bg-08)}.wizard-step.completed .wizard-step-indicator{background:var(--panel-admin-accent);color:var(--text-on-light-bold);border-color:var(--panel-admin-accent)}.wizard-step.pending .wizard-step-indicator{opacity:.5}.wizard-step-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.wizard-step.active .wizard-step-label{color:var(--panel-info-accent);font-weight:600}.wizard-step.completed .wizard-step-label{color:var(--panel-admin-accent)}.reservation-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#ffd6001a;border:1px solid var(--panel-caution-accent);border-radius:4px;font-size:.75rem;color:var(--panel-caution-text)}.reservation-badge:before{content:"\26a0";font-size:1rem}.discard-reason-select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-on-light);font-size:.875rem;cursor:pointer}.discard-reason-select:focus{outline:none;border-color:var(--panel-caution-accent);box-shadow:0 0 0 3px var(--panel-caution-bg-08)}.profit-indicator{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem}.profit-indicator.positive{color:var(--panel-admin-accent)}.profit-indicator.positive:before{content:"\25b2"}.profit-indicator.negative{color:var(--panel-danger-accent)}.profit-indicator.negative:before{content:"\25bc"}.profit-indicator.neutral{color:var(--text-secondary)}.profit-indicator.neutral:before{content:"\25cf"}@media (width <= 768px){.cargo-split-table{font-size:.75rem}.cargo-split-table th,.cargo-split-table td{padding:.5rem}.location-list-item{padding:.75rem}.wizard-steps{flex-direction:column;align-items:stretch}.wizard-steps:before{display:none}.wizard-step{flex-direction:row;padding:.75rem;border-radius:8px;margin-bottom:.5rem}.wizard-step.active{background:var(--panel-info-bg-start);border:1px solid var(--panel-info-accent)}}
