
:root{--bg:#080808;--surface:#111111;--raised:#171717;--line:#ffffff16;--muted:#969696;--text:#f5f5f5;--purple:#5b3df5;--blue:#3ba7ff;--accent:linear-gradient(125deg,#5b3df5,#3ba7ff)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#5b3df51a,transparent 45%),var(--bg);color:var(--text);font-family:Montserrat,system-ui,sans-serif;padding-bottom:98px;font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;background:var(--accent);border:1px solid transparent;color:white;padding:12px 18px;border-radius:6px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;transition:opacity .15s,background .15s}button:disabled{opacity:.55;cursor:wait}button:hover,.button:hover{filter:brightness(1.1)}.button-secondary,button.secondary{background:#ffffff08;border-color:var(--line)}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.icon-button{background:transparent;border:1px solid var(--line);width:38px;height:38px;padding:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.member-main{max-width:880px;margin:auto;padding:26px 24px}.member-header{display:flex;align-items:center;justify-content:space-between;max-width:880px;margin:auto;padding:16px 24px;border-bottom:1px solid var(--line);height:87px}.brand-mark img{display:block;width:54px;height:54px;object-fit:contain}.header-title{text-align:center;display:grid;gap:5px}.header-title small,.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.header-title b{font-size:14px}.muted{color:var(--muted);font-size:12px;line-height:1.8}.panel{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:24px;margin:20px 0}h1{font-size:26px;letter-spacing:-.6px}h2{font-size:17px;letter-spacing:-.3px}p{line-height:1.75}label{display:block;font-size:11px;color:#bcbcbc;margin:18px 0 8px}input,select,textarea{width:100%;border:1px solid #ffffff20;border-radius:5px;background:#151515;color:white;padding:13px;outline:none}input:focus,select:focus,textarea:focus{border-color:#8266fa;box-shadow:0 0 0 2px #5b3df51a}input[type=checkbox]{width:auto;accent-color:var(--purple)}input[type=file]{font-size:11px}input::file-selector-button{background:#242424;color:white;border:1px solid var(--line);padding:8px;border-radius:4px;margin-right:10px}.wide{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.form-grid .span-all{grid-column:1/-1}.password-field{position:relative}.password-field input{padding-right:48px}.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:38px;height:38px;background:transparent;padding:8px;border:0;color:#bdbdbd}.error{color:#f6a6b1}.success{color:#a4e6b5}.notice{padding:14px 18px;border:1px solid #5b3df545;background:#5b3df50e;border-radius:5px}.identity{display:flex;align-items:center;gap:24px;padding:28px 0}.identity h1{margin:9px 0}.avatar-wrap{position:relative;padding:2px;background:var(--accent);border-radius:8px}.avatar{display:block;width:118px;height:118px;border-radius:6px;object-fit:cover;background:#171717;border:3px solid #080808}.photo-edit{position:absolute;bottom:7px;right:7px;padding:7px;background:#000d;border:1px solid var(--line);border-radius:4px;cursor:pointer;line-height:1;margin:0}.profile-stats{display:flex;gap:28px;margin-top:16px}.profile-stats b{display:block;font-size:19px}.profile-stats small{color:var(--muted);font-size:10px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:28px 0 18px}.section-heading h2{margin:0 0 6px}.section-heading p{margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tile{overflow:hidden;border-radius:4px;background:var(--surface);border:1px solid var(--line);position:relative}.tile img,.tile video{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.tile-body{padding:13px}.tile-body p{margin:7px 0;font-size:11px}.tile-category{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#a895ff}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;padding:5px 8px;border:1px solid var(--line);background:#ffffff08;border-radius:3px}.actions{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#aaa}.actions button{padding:7px;background:transparent;border-color:var(--line);color:#aaa}.actions .icon{width:14px;height:14px}.empty-state{border:1px dashed #ffffff20;background:#ffffff02;text-align:center;padding:55px 24px;border-radius:4px}.empty-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 16px;color:#aa96ff;background:#5b3df515;border:1px solid #5b3df530;border-radius:6px}.empty-state h2{font-size:18px}.member-nav{position:fixed;bottom:0;left:0;right:0;z-index:60;display:flex;justify-content:space-around;padding:13px max(12px,calc((100vw - 600px)/2));padding-bottom:max(13px,env(safe-area-inset-bottom));background:#000;border-top:1px solid var(--line)}.member-nav a,.member-nav button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;color:#ccc;min-width:58px;background:transparent;border:0;padding:0;font-weight:500}.member-nav .icon{width:21px;height:21px}.member-nav span{display:block}dialog{background:#101010;color:white;border:1px solid #ffffff20;border-radius:8px;width:min(95vw,560px);max-height:90dvh;padding:24px}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0}.dialog-head button{background:transparent;padding:8px}.scroll{overflow:auto}table{width:100%;font-size:12px;border-collapse:collapse}td,th{padding:15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:500;background:#ffffff02}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.loading-spinner{width:15px;height:15px;border:1.7px solid currentColor;border-right-color:transparent;border-radius:50%;animation:bk-spin .7s linear infinite;flex-shrink:0}.loading-mask{position:fixed;inset:0;z-index:2147483000;background:#000c;backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#eee}.loading-mask[hidden]{display:none}.loading-mask img{width:74px;height:74px;object-fit:contain}.loading-mask .loading-spinner{width:28px;height:28px;border-width:2px;color:#9a82ff}.loading-mask p{font:12px Montserrat,system-ui,sans-serif;letter-spacing:.3px}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.menu-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:4px;overflow:hidden;position:relative}.menu-cover{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.menu-placeholder{height:auto;aspect-ratio:4/3;display:grid;place-items:center;background:linear-gradient(145deg,#19151f,#101010);color:#6a5a90}.menu-placeholder .icon{width:42px;height:42px}.menu-caption{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.menu-caption h2{margin:0 0 8px;font-size:19px}.menu-caption span{font-size:10px;color:#aaa}.menu-pages{display:grid;gap:20px}.menu-pages img{width:100%;height:auto;border:1px solid var(--line);display:block}.menu-page-link{display:flex;align-items:center;gap:8px;color:#c5b6ff;font-size:11px;margin-top:10px}.preview-image{width:90px;height:70px;object-fit:cover;border:1px solid var(--line)}.auth-shell{max-width:520px;margin:auto}.auth-shell h1{margin-top:14px}.auth-shell>p{max-width:420px}@keyframes bk-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.member-main{padding:20px 18px}.member-header{padding:14px 18px}.identity{gap:18px;padding:20px 0}.avatar{width:92px;height:104px}.identity h1{font-size:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.section-heading{align-items:flex-start}.section-heading>button{padding:10px;font-size:10px}.form-grid{grid-template-columns:1fr}.menu-grid{grid-template-columns:1fr}.panel{padding:20px}.profile-stats{gap:22px}.form-actions{flex-wrap:wrap}.form-actions>*{flex:1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loading-spinner{animation-duration:1.5s}}

.section-heading>button,.section-heading>.button{white-space:nowrap;flex-shrink:0}
