:root{--midnight: #0b1f3b;--teal: #06c6b8;--sky: #3b82f6;--violet: #a78bfa;--mist: #e5eaf0;--bg: #f7f9fc;--card: #ffffff;--text: #0b1f3b;--muted: #64748b;--danger: #dc2626;--sidebar-w: 248px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.fullscreen-center{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--muted)}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 85% -10%,rgba(6,198,184,.14),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(59,130,246,.12),transparent 60%),linear-gradient(180deg,#f7f9fc,#fff);padding:24px}.login-topbar{position:absolute;top:20px;right:24px}.login-card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--mist);border-radius:18px;padding:40px 36px;box-shadow:0 20px 50px #0b1f3b14}.login-logo{height:48px;margin-bottom:24px}.login-card h1{font-size:24px;margin:0 0 6px}.login-sub{color:var(--muted);margin:0 0 26px;font-size:15px}.login-card form{display:flex;flex-direction:column;gap:16px}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.login-card input{border:1px solid var(--mist);border-radius:10px;padding:12px 14px;font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}.login-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #06c6b826}.login-error{background:#dc262614;color:var(--danger);border-radius:8px;padding:10px 12px;font-size:14px}.btn-primary{margin-top:6px;border:none;border-radius:10px;padding:13px 18px;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--teal),var(--sky));cursor:pointer;transition:opacity .15s,transform .05s}.btn-primary:hover{opacity:.93}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.6;cursor:default}.langsw{display:inline-flex;gap:4px;background:#0b1f3b0d;padding:4px;border-radius:10px}.lang-btn{border:none;background:transparent;color:var(--muted);font-weight:700;font-size:13px;padding:5px 10px;border-radius:7px;cursor:pointer}.lang-btn.active{background:#fff;color:var(--midnight);box-shadow:0 1px 3px #0b1f3b1f}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--midnight);color:#cbd5e1;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{padding:24px 22px}.sidebar-brand img{height:34px;filter:brightness(0) invert(1)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:8px 12px}.sidebar-bottom{margin-top:auto}.sidebar-nav-settings{padding-bottom:8px}.sidebar-identity{display:flex;align-items:center;gap:12px;width:100%;padding:16px 18px;border:none;border-top:1px solid rgba(255,255,255,.08);background:transparent;text-align:left;cursor:pointer;transition:background .12s}.sidebar-identity:hover{background:#ffffff0f}.sidebar-identity .avatar{flex:0 0 auto}.sidebar-identity.is-super .avatar{background:linear-gradient(135deg,var(--violet),var(--sky))}.identity-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.identity-name{font-size:14px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-role{font-size:12px;color:#9fb3cf;line-height:1.35}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:#cbd5e1;text-decoration:none;font-size:14.5px;font-weight:500;transition:background .12s,color .12s}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:linear-gradient(135deg,#06c6b838,#3b82f638);color:#fff}.nav-item.active svg{color:var(--teal)}.main{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column}.topbar{height:68px;background:var(--card);border-bottom:1px solid var(--mist);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 28px;position:sticky;top:0;z-index:5}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-right{display:flex;align-items:center;gap:16px}.hamburger,.topbar-logo,.drawer-close,.backdrop{display:none}.hamburger{border:none;background:transparent;color:var(--midnight);padding:6px;margin-left:-6px;border-radius:9px;cursor:pointer;line-height:0}.hamburger:hover{background:#0b1f3b0d}.topbar-logo{height:26px}.drawer-close{border:none;background:transparent;color:#cbd5e1;padding:6px;border-radius:9px;cursor:pointer;line-height:0}.drawer-close:hover{background:#ffffff14;color:#fff}.sidebar-brand{display:flex;align-items:center;justify-content:space-between}.user-chip{display:flex;align-items:center;gap:10px;border:none;background:transparent;padding:2px;border-radius:50%;cursor:pointer}.user-chip:hover .avatar{box-shadow:0 0 0 2px var(--teal)}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--sky));color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.user-name{font-size:14px;font-weight:600}.btn-ghost{border:1px solid var(--mist);background:#fff;color:var(--midnight);font-weight:600;font-size:14px;padding:8px 14px;border-radius:9px;cursor:pointer}.btn-ghost:hover{border-color:var(--teal);color:var(--teal)}.content{padding:32px 28px}.module-head h1{margin:0 0 4px;font-size:26px}.module-welcome{color:var(--muted);margin:0 0 24px}.placeholder-card{background:var(--card);border:1px dashed var(--mist);border-radius:16px;padding:48px;text-align:center;color:var(--muted)}.dash-grid{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}.stat-grid{display:grid;grid-template-columns:1fr;gap:16px}.stat-card{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--mist);border-radius:16px;padding:20px;text-decoration:none;color:var(--text);transition:border-color .15s,box-shadow .15s,transform .15s}.stat-card:hover{border-color:var(--teal);box-shadow:0 6px 20px #06c6b81f;transform:translateY(-1px)}.stat-label{color:var(--muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:34px;font-weight:700;line-height:1.1}.stat-sub{color:var(--muted);font-size:13px}.dash-panel{background:var(--card);border:1px solid var(--mist);border-radius:16px;padding:20px 22px}.dash-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dash-panel-head h2{margin:0;font-size:16px}.dash-link{color:var(--teal);font-size:13px;font-weight:600;text-decoration:none}.dash-link:hover{text-decoration:underline}.dash-empty{color:var(--muted);padding:16px 0;text-align:center}.activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--mist)}.activity-item:first-child{border-top:none}.activity-entity{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.activity-time{color:var(--muted);font-size:12px;white-space:nowrap}@media (max-width: 860px){.dash-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.stat-grid{grid-template-columns:1fr}}.module-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.head-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-inline{margin-top:0;padding:10px 16px;white-space:nowrap}.select-inline{border:1px solid var(--mist);background:#fff;color:var(--midnight);font-size:14px;font-weight:600;padding:9px 12px;border-radius:9px;cursor:pointer}.search-inline{border:1px solid var(--mist);background:#fff;color:var(--midnight);font-size:14px;padding:9px 12px;border-radius:9px;min-width:260px;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s}.search-inline:focus{border-color:var(--teal);box-shadow:0 0 0 3px #06c6b826}.btn-sm{padding:6px 12px;font-size:13px}.table-card{background:var(--card);border:1px solid var(--mist);border-radius:16px;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead th{text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:14px 18px;border-bottom:1px solid var(--mist);background:#fbfcfe}.data-table tbody td{padding:14px 18px;border-bottom:1px solid #eef2f7;font-size:14.5px;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#fafbfe}.col-actions{text-align:right;white-space:nowrap;width:1%}.row-actions{display:inline-flex;gap:6px;justify-content:flex-end}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;border:1px solid var(--mist);background:#fff;color:var(--muted);cursor:pointer;transition:color .12s,border-color .12s,background .12s}.icon-btn:hover{color:var(--teal);border-color:var(--teal);background:#06c6b814}.icon-btn-danger:hover{color:#dc2626;border-color:#dc2626;background:#dc262614}.icon-btn:active{transform:translateY(1px)}.icon-btn svg{display:block}.th-sort{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;padding:0;cursor:pointer;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit}.th-sort:hover{color:var(--midnight)}.th-sort.active{color:var(--teal)}.th-arrow{font-size:9px;line-height:1}.cell-sub{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}.link-count{border:none;background:transparent;color:var(--sky);font:inherit;font-weight:700;cursor:pointer;padding:2px 8px;margin:-2px -8px;border-radius:7px;text-decoration:underline;text-underline-offset:2px}.link-count:hover{background:#3b82f61a}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.4}.badge-active{background:#06c6b824;color:#0a8f85}.badge-inactive{background:#64748b24;color:var(--muted)}.badge-cap,.cap-admin{background:#3b82f61f;color:var(--sky)}.cap-artist{background:#a78bfa29;color:#7c5cf0}.cap-partner{background:#06c6b824;color:#0a8f85}.cap-crew{background:#64748b24;color:var(--muted)}.log-badge{font-weight:600}.log-auth{background:#3b82f61f;color:var(--sky)}.log-user{background:#a78bfa29;color:#7c5cf0}.log-customer{background:#06c6b824;color:#0a8f85}.log-danger{background:#dc26261f;color:var(--danger)}.log-time{white-space:nowrap;font-variant-numeric:tabular-nums}.log-ip{font-size:12.5px;color:var(--muted);background:#64748b1a;padding:2px 7px;border-radius:6px}.load-more-row{display:flex;justify-content:center;margin-top:16px}.cust-group{margin-bottom:26px}.cust-group-title{font-size:16px;margin:0 0 12px;color:var(--midnight)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.form-grid .span-2{grid-column:1 / -1}.form-grid input,.form-grid select{border:1px solid var(--mist);border-radius:10px;padding:11px 13px;font-size:15px;outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s}.form-grid input:focus,.form-grid select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #06c6b826}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.form-actions .btn-primary{margin-top:0}.field-block{display:flex;flex-direction:column;gap:8px}.field-label{font-size:14px;font-weight:600}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.module-toggle{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--mist);border-radius:10px;cursor:pointer;font-size:14.5px;font-weight:600;color:var(--midnight);transition:border-color .12s,background .12s}.module-toggle:hover{border-color:var(--teal)}.module-toggle.checked{border-color:var(--teal);background:#06c6b814}.module-toggle input{width:17px;height:17px;accent-color:var(--teal);cursor:pointer}.module-toggle.is-standard:hover{border-color:var(--violet)}.module-toggle.is-standard.checked{border-color:var(--violet);background:#a78bfa1f}.module-toggle.is-standard input{accent-color:var(--violet)}.module-tags{display:flex;flex-wrap:wrap;gap:5px}.module-tag{display:inline-block;font-size:12px;font-weight:600;color:var(--midnight);background:#06c6b81f;border:1px solid rgba(6,198,184,.3);border-radius:999px;padding:2px 9px}.module-tag.is-standard{background:#a78bfa29;border-color:#a78bfa66}.cell-muted{color:var(--muted)}.form-grid input:disabled{background:var(--fog, #f4f6fa);color:#94a3b8;cursor:not-allowed}.profile-photo{display:flex;align-items:center;gap:16px}.profile-avatar{flex:0 0 auto;width:72px;height:72px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--teal),var(--sky));color:#fff;font-weight:700;font-size:26px;display:flex;align-items:center;justify-content:center}.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-photo-actions{display:flex;flex-direction:column;gap:8px;min-width:0}.profile-photo-label{font-size:14px;font-weight:600;color:var(--midnight)}.profile-photo-btns{display:flex;gap:8px;flex-wrap:wrap}.form-divider{height:1px;background:var(--mist);margin:24px 0}.form-section-title{margin:0;font-size:16px;color:var(--midnight)}.form-success{font-size:14px;font-weight:600;color:#0f9d63;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:10px;padding:10px 13px}.form-success-inline{font-size:14px;font-weight:600;color:#0f9d63;align-self:center;margin-right:auto}.card-block{background:var(--card);border:1px solid var(--mist);border-radius:16px;padding:24px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1f3b80;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}body.modal-open{overflow:hidden}.modal{width:100%;max-width:560px;max-height:90vh;overflow-y:auto;background:var(--card);border-radius:18px;box-shadow:0 30px 70px #0b1f3b47}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--mist)}.modal-head h2{margin:0;font-size:19px}.modal-x{border:none;background:transparent;color:var(--muted);padding:6px;border-radius:8px;cursor:pointer;line-height:0}.modal-x:hover{background:#0b1f3b0f;color:var(--midnight)}.modal-body{padding:24px}.pw-reveal{background:#f7f9fc;border:1px solid var(--mist);border-radius:12px;padding:18px;margin:8px 0 4px;text-align:center}.pw-email{color:var(--muted);font-size:13px;margin-bottom:8px}.pw-code{display:inline-block;font-family:SFMono-Regular,ui-monospace,Menlo,monospace;font-size:20px;font-weight:700;letter-spacing:.04em;color:var(--midnight);background:#fff;border:1px solid var(--mist);border-radius:8px;padding:8px 14px;-webkit-user-select:all;user-select:all}.pw-code.pw-link{display:block;font-size:13px;font-weight:600;letter-spacing:0;word-break:break-all;text-align:left;margin-bottom:10px}.btn-copy{padding:8px 14px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#f1f5f9;border-radius:10px;padding:4px;margin-bottom:18px}.segmented button{border:none;background:transparent;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.segmented button.active{background:#fff;color:var(--midnight);box-shadow:0 1px 3px #0b1f3b1f}.pw-input-row{display:flex;gap:8px}.pw-input-row input{flex:1;min-width:0}.pw-input-row .btn-ghost{white-space:nowrap}.field-hint{color:var(--muted);font-size:13px;margin:10px 0 4px}.form-notice{font-size:14px;font-weight:600;color:#b45309;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:10px 13px}.btn-block-link{display:block;text-align:center;text-decoration:none;margin-top:8px}@media (max-width: 860px){.sidebar{width:264px;max-width:82vw;transform:translate(-100%);transition:transform .25s ease;z-index:30;box-shadow:0 0 40px #0b1f3b59}.sidebar.open{transform:translate(0)}.main{margin-left:0}.hamburger,.drawer-close{display:inline-flex}.topbar-logo{display:block}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1f3b73;z-index:20}body.drawer-open{overflow:hidden}.user-name{display:none}.topbar{padding:0 16px}.content{padding:22px 16px}}@media (max-width: 640px){.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.table-card{border:none;background:transparent;overflow:visible}.data-table tr{background:var(--card);border:1px solid var(--mist);border-radius:14px;padding:6px 4px;margin-bottom:12px}.data-table tbody tr:hover{background:var(--card)}.data-table td{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid #f1f4f9;text-align:right}.data-table tr td:last-child{border-bottom:none}.data-table td:before{content:attr(data-label);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);text-align:left;flex:0 0 auto}.data-table td.col-actions{justify-content:flex-start}.data-table td.col-actions:before{content:none}.cell-sub{text-align:right}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:1}.head-controls{width:100%}.head-controls .search-inline{flex:1 1 100%;min-width:0;width:100%}.head-controls .select-inline{flex:1}.modal{border-radius:16px}.modal-head{padding:16px 18px}.modal-body{padding:18px}}@media (max-width: 480px){.topbar{padding:0 12px;gap:8px}.topbar-logo{display:none}.topbar-right{gap:10px}.content{padding:18px 14px}.module-head h1{font-size:22px}.placeholder-card{padding:32px 20px}.login-page{padding:16px}.login-card{padding:30px 22px;border-radius:16px}.login-topbar{top:14px;right:16px}}@supports (padding: max(0px)){.topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.content{padding-bottom:max(22px,env(safe-area-inset-bottom))}}