.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;padding:20px}.login-container{background:var(--glass-strong);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:40px;width:100%;max-width:400px;box-shadow:var(--shadow);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.login-header{text-align:center;margin-bottom:32px}.login-header h1{margin:0 0 8px;font-size:28px;font-weight:900;color:var(--text)}.login-header p{margin:0;color:var(--muted);font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:700;color:#ffffffc2}.form-group input{padding:12px 16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;font-size:16px;transition:border-color .2s,box-shadow .2s ease,background .2s ease;background:#00000038;color:var(--text)}.form-group input:focus{outline:none;border-color:#14b89461;box-shadow:0 0 0 3px #14b8942e}.form-group input:disabled{opacity:.6;cursor:not-allowed}.login-error{padding:12px;background:#ef444414;border:1px solid rgba(239,68,68,.22);border-radius:14px;color:#ffffffeb;font-size:14px;text-align:center}.login-button{padding:14px 24px;background:linear-gradient(180deg,#14b894f2,#0ea37beb);color:#041a14;border:1px solid rgba(20,184,148,.35);border-radius:14px;font-size:16px;font-weight:800;cursor:pointer;transition:filter .2s,transform .06s ease}.login-button:hover:not(:disabled){filter:brightness(1.02)}.login-button:disabled{opacity:.6;cursor:not-allowed}:root{--bg0:#070A0F;--bg1:#0B1220;--glass:rgba(255,255,255,.06);--glass-strong:rgba(255,255,255,.1);--glass-pop:rgba(255,255,255,.14);--border:rgba(255,255,255,.1);--border-strong:rgba(255,255,255,.16);--line:rgba(255,255,255,.1);--text:rgba(255,255,255,.92);--muted:rgba(255,255,255,.62);--brand:#003127;--primary:#14b894;--primary-600:#0EA37B;--primary-800:#0A6B55;--danger:#ef4444;--ok:#22c55e;--warn:#f59e0b;--radius:16px;--shadow:0 18px 60px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body,#root{height:100%}html{background:linear-gradient(180deg,var(--bg1),var(--bg0))}body{margin:0;color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(900px 560px at 12% -8%,#14b8941f,#14b89400 62%),radial-gradient(1000px 700px at 108% -12%,#00312747,#00312700 60%),linear-gradient(180deg,var(--bg1),var(--bg0));background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff1a,#ffffff1a,#0000 2px,#0000 4px)}a{color:inherit}::-moz-selection{background:#14b89447}::selection{background:#14b89447}.app-shell{display:flex;height:100%}.sidebar{width:240px;background:linear-gradient(180deg,#00312761,#0003),#ffffff0a;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}.brand{font-weight:900;padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffeb;letter-spacing:.2px}.side-nav{display:flex;flex-direction:column;padding:8px}.nav-item{padding:10px 12px;border-radius:12px;color:#fffc;text-decoration:none;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,transform .06s ease}.nav-item.active{color:#fffffff2;background:#ffffff14;border-color:#14b89447;box-shadow:inset 0 0 0 1px #0000001a}.nav-item:hover{color:#fffffff2;background:#ffffff0f;border-color:#ffffff1a}.nav-item:active{transform:translateY(1px)}.side-footer{margin-top:auto;padding:12px 16px;color:#ffffffa6;font-size:12px}.main{flex:1;display:flex;flex-direction:column}.topbar{height:56px;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px;padding:0 16px;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}.top-actions{display:flex;gap:10px;align-items:center}.top-user{display:flex;flex-direction:column;gap:2px;padding:6px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.top-user__name{font-weight:900;font-size:12px;line-height:1.1}.top-user__role{font-size:11px;color:#fff9;line-height:1.1}.search{flex:1;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0 12px;background:#00000038;color:var(--text);outline:none}.search::-moz-placeholder{color:#ffffff73}.search::placeholder{color:#ffffff73}.search:focus{border-color:#14b89461;box-shadow:0 0 0 3px #14b8942e}.content{padding:16px;min-height:0;width:100%}.sidebar-overlay{display:none}.menu-btn{display:inline-flex;height:36px;min-width:36px;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.menu-btn:active{transform:scale(.99)}.menu-icon{width:18px;height:12px;position:relative;display:block}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0;right:0;height:2px;background:#111827;border-radius:999px}.menu-icon:before{top:0}.menu-icon:after{bottom:0}.menu-icon{background:#111827;border-radius:999px;height:2px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.page-head .title{font-weight:800;font-size:20px}.head-actions{display:flex;gap:8px}.head-search{min-width:280px;max-width:520px}.card{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);width:100%;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 10px 30px #0000002e}.card.padded{padding:16px}.table{display:flex;flex-direction:column;width:100%}.thead,.trow{display:grid;gap:12px;padding:12px 16px;align-items:center}.thead{font-weight:800;border-bottom:1px solid rgba(255,255,255,.08);color:#ffffffbd}.trow{border-top:1px solid rgba(255,255,255,.08)}.trow:hover{background:#ffffff08}.empty{padding:24px 16px;color:var(--muted)}.tbl-thumb{width:56px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.row-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:100%}.row-actions .btn.xs{flex:1;min-width:0}.chat-admin{padding:0;overflow:hidden}.chat-admin__scroll{height:calc(100vh - 160px);min-height:520px;overflow:auto;padding:14px 14px 18px;background:radial-gradient(900px 320px at 20% 0%,#14b8941a,#14b89400 60%),linear-gradient(180deg,#ffffff08,#fff0)}.chat-admin__day{position:sticky;top:0;z-index:2;margin:10px auto;width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#00000042;color:var(--muted);font-weight:800;font-size:12px}.chat-msg{display:flex;gap:12px;align-items:flex-start;padding:10px 8px;border-radius:12px}.chat-msg:hover{background:#ffffff08}.chat-msg__avatar{width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-weight:900;color:#ffffffeb;flex:0 0 auto}.chat-msg__body{flex:1;min-width:0}.chat-msg__meta{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:6px}.chat-msg__name{font-weight:900;min-width:0}.chat-msg__time{font-size:12px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:nowrap}.chat-bubble{border:1px solid rgba(255,255,255,.1);background:#0000002e;border-radius:14px;padding:12px;box-shadow:0 1px 2px #00000038;max-width:860px}.chat-img{margin-top:10px;width:320px;max-width:100%;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.12);-o-object-fit:cover;object-fit:cover;background:#ffffff0a}.chat-msg__actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;min-width:220px;opacity:0;pointer-events:none;transition:opacity .15s ease}.chat-msg:hover .chat-msg__actions{opacity:1;pointer-events:auto}.chat-msg.is-blocked .chat-bubble{border-color:#ef444459;background:#ef44440f}.cell-label{display:none;color:var(--muted);font-size:12px;font-weight:700}.cell-value{min-width:0}.users-page-head{margin-bottom:24px}.users-title{font-size:24px;font-weight:900;color:var(--text);margin:0 0 4px}.users-subtitle{font-size:14px;color:var(--muted)}.users-filters-card{background:var(--glass);border-radius:var(--radius);border:1px solid var(--border);padding:20px;margin-bottom:24px;box-shadow:0 10px 30px #0000002e}.users-filters-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px;margin-bottom:16px}.users-filter-input,.users-filter-select{padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;font-size:14px;background:#00000038;color:var(--text);min-width:0}.users-filter-input::-moz-placeholder{color:#ffffff6b}.users-filter-input::placeholder{color:#ffffff6b}.users-filters-stats{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:12px;color:var(--muted)}.users-filters-stats strong{color:var(--text)}.orders-table .table{max-width:none;width:100%}.orders-table .thead,.orders-table .trow{gap:16px;padding:16px 20px}.orders-table .thead{background:#ffffff0a;color:#ffffffb3;font-size:12px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.1)}.orders-table .trow{transition:background-color .2s ease}.orders-table .trow:hover{background:#ffffff08}.orders-table .row-actions{justify-content:flex-start;gap:10px}.orders-table .row-actions .btn.xs{flex:0 0 auto;min-width:70px;height:32px;font-size:12px;font-weight:500}.form{display:grid;gap:12px}.grid-2{grid-template-columns:1fr 1fr}.col-2{grid-column:1 / -1}.field label{display:block;margin:0 0 6px;color:var(--muted);font-size:12px}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{height:38px;width:100%;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#00000038;color:var(--text);outline:none}input:not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder,textarea::-moz-placeholder{color:#ffffff6b}input:not([type=checkbox]):not([type=radio]):not([type=file])::placeholder,textarea::placeholder{color:#ffffff6b}input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,select:focus,textarea:focus{border-color:#14b89461;box-shadow:0 0 0 3px #14b8942e}textarea{height:120px;padding:10px 12px;resize:vertical}.preview{width:100%;height:180px;border:1px dashed rgba(255,255,255,.16);border-radius:12px;background:#ffffff08;-o-object-fit:cover;object-fit:cover}.pre{background:#0b1020;color:#e5e7eb;padding:10px;border-radius:10px;overflow:auto}.btn{height:36px;border-radius:12px;padding:0 12px;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);transition:background .15s ease,border-color .15s ease,transform .06s ease,box-shadow .15s ease}.btn:hover{background:#ffffff17;border-color:#ffffff2e}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{border-color:#14b89459;background:linear-gradient(180deg,#14b894f2,#0ea37beb);color:#041a14;box-shadow:0 10px 26px #14b8941f}.btn.primary:hover{filter:brightness(1.02)}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.14)}.btn.danger{border-color:#ef444459;background:linear-gradient(180deg,#ef4444f2,#dc2626eb);color:#fff}.btn.xs{height:28px;border-radius:8px;padding:0 12px;font-size:12px;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fffc;font-weight:700;font-size:12px}.badge.ok{background:#22c55e1a;border-color:#22c55e38;color:#ffffffeb}.badge.muted{background:#ffffff0a;border-color:#ffffff14;color:#ffffff9e}.badge.danger{background:#ef44441a;border-color:#ef444438;color:#ffffffeb}.badge.warning{background:#f59e0b1a;border-color:#f59e0b38;color:#ffffffeb}.badge.info{background:#3b82f61a;border-color:#3b82f638;color:#ffffffeb}.switch{width:44px;height:26px;border-radius:999px;background:#ffffff14;position:relative;cursor:pointer;border:1px solid rgba(255,255,255,.12)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#ffffffeb;box-shadow:0 8px 22px #00000059}.switch.on{background:linear-gradient(180deg,#14b894f2,#0ea37beb);border-color:#14b89447}.switch.on:after{left:calc(100% - 22px)}.select{height:36px;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:0 10px;background:#00000038;color:var(--text)}.icon-btn{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);border-radius:10px;width:30px;height:30px;cursor:pointer}.icon-btn:hover{background:#ffffff17}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}.modal-card{background:var(--glass-strong);border-radius:24px;box-shadow:var(--shadow);width:100%;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding:12px 16px}.modal-title{font-weight:800}.modal-body{padding:16px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.alert{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);border-radius:14px;padding:10px 12px;box-shadow:0 10px 30px #0000002e}.alert.error{border-color:#ef444438;background:#ef444414}.alert.ok{border-color:#22c55e38;background:#22c55e14}.toast-viewport{position:fixed;right:16px;top:16px;z-index:100;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;min-width:280px;max-width:420px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#00000059;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--shadow);padding:12px}.toast-title{font-weight:900;margin:0 0 2px}.toast-msg{margin:0;color:#ffffffbf;font-size:13px;line-height:1.35}.toast-row{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.toast-close{margin-left:auto;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);width:30px;height:30px;border-radius:10px;cursor:pointer}.toast-close:hover{background:#ffffff17}.toast.ok{border-color:#22c55e38}.toast.error{border-color:#ef444438}.toast.warning{border-color:#f59e0b38}.text-muted{color:var(--muted)}.text{color:var(--text)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.02em}.kpi{font-weight:900;color:#14b894eb}.surface{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px}@media (max-width: 820px){.topbar{gap:10px}.search{min-width:0}.page-head{flex-direction:column;align-items:flex-start;gap:10px}.head-actions{width:100%;flex-wrap:wrap}.head-actions .select,.head-actions .btn{flex:1;min-width:160px}.users-filters-grid{grid-template-columns:1fr 1fr;gap:10px}.users-filter-input{grid-column:1 / -1}}@media (max-width: 640px){.app-shell{height:100%}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(86vw,320px);transform:translate(-110%);transition:transform .22s ease;z-index:60}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:55}.sidebar-overlay.open{opacity:1;pointer-events:auto}.menu-btn{display:inline-flex}.topbar{height:auto;padding:10px 12px;flex-wrap:wrap}.top-actions{width:100%;display:flex;justify-content:flex-end}.search{width:100%;flex:1}.content,.table{padding:12px}.thead{display:none}.trow{display:block;padding:12px;border-top:none;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin:0 0 12px;background:#ffffff0d}.cell{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}.cell:first-child{border-top:none}.cell-label{display:block;flex:0 0 42%}.cell-value{flex:1;text-align:right;overflow-wrap:anywhere}.row-actions{flex-wrap:wrap;gap:8px;justify-content:flex-end}.row-actions .btn.xs{flex:1;min-width:120px}.modal-backdrop{padding:0;align-items:stretch;justify-content:stretch}.modal-card{max-width:100%!important;height:100%;border-radius:0}.modal-body{padding:12px;overflow:auto}.users-page-head{margin-bottom:14px}.users-title{font-size:20px}.users-subtitle{font-size:13px}.users-filters-card{padding:14px;margin-bottom:14px}.users-filters-grid{grid-template-columns:1fr;gap:10px;margin-bottom:12px}.users-filter-input,.users-filter-select{height:42px}.users-filters-stats{gap:8px 12px}}@media (min-width: 641px){.menu-btn{display:none}}