:root{--color-midnight-canvas:#05060f;--color-steel-plate:#2f343e;--color-fog-veil:#9da7ba;--color-moon-mist:#c7d3ea;--color-frost-glow:#d1e4fa;--color-ice-highlight:#d8ecf8;--color-pure-white:#fff;--color-void-violet:#663af3;--color-blueprint-blue:#b6d9fc;--color-ember-glow:#e46d4c;--color-signal-blue:#027dea;--color-deep-teal:#269684;--color-glass-edge:#bad7f71f;--color-luminous-fill:#c7d3ea1f;--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Space Grotesk","Inter",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--radius-card:16px;--radius-badge:6px;--radius-input:8px;--radius-pill:999px;--shadow-card:inset 0 1px 1px #c7d3ea1f, inset 0 24px 48px #c7d3ea0d, 0 24px 32px #06060eb3;--shadow-modal:inset 0 1px 1px #d8ecf833, inset 0 24px 48px #a8d8f50f, 0 16px 32px #0000004d;--shadow-hair:#bad7f71f 0 0 0 1px inset;--shadow-glow:0 0 6px #bacff752, 0 0 12px #eebaf73d;--bg:#05060f;--bg-2:#080a16;--surface:#bad6f708;--surface-2:#c7d3ea0f;--surface-hover:#bad6f71a;--text:#d1e4fa;--text-strong:#eaf3ff;--text-muted:#9da7ba;--text-head:#d8ecf8;--border:#bad7f71f;--border-strong:#bad7f73d;--accent:#663af3;--accent-2:#8b6bff;--grid-line:#bad7f70f;--spot:#7c91b680;--neural:#96b4f08c;--scrim:#03040ab8}:root[data-theme=light]{--bg:#eef2fb;--bg-2:#e6ecfa;--surface:#ffffff75;--surface-2:#ffffff4d;--surface-hover:#ffffffa8;--text:#33405c;--text-strong:#141b30;--text-muted:#6b7690;--text-head:#1c2540;--border:#2e488224;--border-strong:#2e488242;--accent:#5b34e6;--accent-2:#7a58f5;--grid-line:#2e48820f;--spot:#788cdc47;--neural:#5a6ec873;--scrim:#e6ecfab8;--shadow-card:0 12px 30px #2e48821f, inset 0 1px 1px #fff9;--shadow-modal:0 24px 60px #2e488238, inset 0 1px 1px #ffffffb3;--shadow-hair:#2e488224 0 0 0 1px inset}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5;transition:background .5s,color .3s;overflow-x:hidden}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit}::selection{background:#663af359}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}#bg-canvas{z-index:0;pointer-events:none;opacity:.9;position:fixed;inset:0}.bg-grid{display:none}.bg-spot{z-index:0;pointer-events:none;background:conic-gradient(at 50% 0%,transparent 44%,var(--spot) 50%,transparent 56%);filter:blur(30px);opacity:.5;width:120vw;height:70vh;position:fixed;top:-10%;left:50%;transform:translate(-50%)}#app{z-index:2;min-height:100%;display:flex;position:relative}.sidebar{background:var(--surface);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:6px;width:264px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:8px 10px 18px;display:flex}.brand-mark{width:38px;height:38px;box-shadow:var(--shadow-glow);background:linear-gradient(150deg,#8b6bff,#663af3 60%,#3a1fb0);border-radius:12px;flex-shrink:0;place-items:center;display:grid;position:relative}.brand-mark svg{width:22px;height:22px}.brand-name{font-family:var(--font-display);letter-spacing:.5px;background:linear-gradient(#d8ecf8,#98c0ef);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:500}:root[data-theme=light] .brand-name{background:linear-gradient(#2a2f52,#5b34e6);-webkit-background-clip:text;background-clip:text}.brand-sub{font-family:var(--font-mono);letter-spacing:.28em;color:var(--text-muted);text-transform:uppercase;margin-top:2px;font-size:9.5px}.nav-item{color:var(--text-muted);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:11px 13px;font-size:14px;font-weight:500;transition:all .18s;display:flex;position:relative}.nav-item svg{stroke-width:1.6px;flex-shrink:0;width:19px;height:19px}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--surface-2);color:var(--text-strong);border-color:var(--border);box-shadow:var(--shadow-hair)}.nav-item.active:before{content:"";background:linear-gradient(var(--accent-2),var(--accent));border-radius:9px;width:3px;height:20px;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.nav-spacer{flex:1}.side-foot{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);letter-spacing:.05em;padding:6px 10px}.sidebar{transition:width .25s}.nav-item svg,.side-toggle svg{transition:transform .25s}.sidebar.collapsed{align-items:stretch;width:76px}.sidebar.collapsed .brand{justify-content:center;padding:8px 0 18px}.sidebar.collapsed .brand-txt{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:11px 0}.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .nav-item.active:before{left:-8px}.sidebar.collapsed .side-foot{display:none}.sidebar.collapsed .side-toggle svg{transform:rotate(180deg)}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:20;background:linear-gradient(180deg,var(--bg) 30%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:14px;padding:16px 32px;display:flex;position:sticky;top:0}.topbar .crumb{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.topbar-spacer{flex:1}.content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:8px 32px 80px}.page-head{margin:14px 0 28px}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:14px;margin-bottom:14px;font-size:12px;display:flex}.eyebrow:before,.eyebrow:after{content:"";background:linear-gradient(90deg,transparent,var(--border),transparent);flex:1;max-width:120px;height:1px}.eyebrow.left{justify-content:flex-start}.eyebrow.left:before{display:none}.eyebrow.left:after{max-width:none}.h1{font-family:var(--font-display);color:#0000;background:linear-gradient(#eaf6ff,#98c0ef);-webkit-background-clip:text;background-clip:text;margin:0;font-size:40px;font-weight:500;line-height:1.1}:root[data-theme=light] .h1{background:linear-gradient(#151a35,#3a2fa0);-webkit-background-clip:text;background-clip:text}.sub{color:var(--text-muted);max-width:640px;margin-top:10px;font-size:16px}.btn{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text-strong);box-shadow:var(--shadow-hair);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .18s;display:inline-flex}.btn svg{stroke-width:1.7px;width:17px;height:17px}.btn:hover{background:var(--surface-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.ghost{background:0 0}.btn.primary{background:var(--accent);color:#fff;border-color:#0000;box-shadow:0 8px 24px #663af359}.btn.primary:hover{background:var(--accent-2)}.btn.danger{color:#ff9b86;border-color:#e46d4c59}.btn.danger:hover{background:#e46d4c24}.btn.sm{padding:7px 13px;font-size:13px}.btn.icon{border-radius:10px;padding:9px}.btn.icon.sm{padding:7px}.chip{border-radius:var(--radius-badge);background:var(--color-luminous-fill);color:var(--text);box-shadow:var(--shadow-hair);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.chip.accent{color:#c9b8ff;background:#663af329;box-shadow:inset 0 0 0 1px #8b6bff4d}.card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);padding:24px}.field{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.field label{color:var(--text-muted);letter-spacing:.01em;font-size:12.5px;font-weight:500}.input,.textarea,.select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-input);width:100%;color:var(--text-strong);box-shadow:var(--shadow-hair);padding:11px 13px;font-size:14.5px;transition:all .16s}.input::placeholder,.textarea::placeholder{color:var(--text-muted);opacity:.7}.input:focus,.textarea:focus,.select:focus{border-color:var(--border-strong);box-shadow:0 0 0 1px var(--border-strong),0 0 0 4px #663af326;outline:none}.textarea{resize:vertical;min-height:84px;line-height:1.5}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239da7ba' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.field-err{color:#ff9b86;min-height:0;margin-top:5px;font-size:12px}.field-err:empty{display:none}.phone-ctl{gap:8px;display:flex}.phone-cc{white-space:nowrap;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-strong);box-shadow:var(--shadow-hair);cursor:pointer;align-items:center;gap:7px;padding:0 12px;font-family:inherit;font-size:14.5px;display:flex}.phone-cc:hover{background:var(--surface-hover)}.phone-cc svg{width:14px;height:14px;color:var(--text-muted)}.phone-ctl .input{flex:1}.phone-menu{background:var(--bg-2);border:1px solid var(--border);box-shadow:var(--shadow-modal);border-radius:12px;margin-top:8px;padding:8px;animation:.16s pop}.phone-menu[hidden]{display:none}.phone-list{flex-direction:column;gap:2px;max-height:230px;margin-top:8px;display:flex;overflow:auto}.phone-list button{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;display:flex}.phone-list button:hover{background:var(--surface-2)}.phone-list .cc-flag{font-size:17px;line-height:1}.phone-list .cc-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.phone-list .cc-dial{color:var(--text-muted);font-family:var(--font-mono);font-size:12.5px}.cc-empty{color:var(--text-muted);text-align:center;padding:10px}.grid-2{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px;display:grid}.stat{position:relative;overflow:hidden}.stat .stat-ico{color:#b7a4ff;background:#663af324;border-radius:11px;place-items:center;width:38px;height:38px;margin-bottom:14px;display:grid;box-shadow:inset 0 0 0 1px #8b6bff47}.stat .stat-ico svg{stroke-width:1.7px;width:20px;height:20px}.stat .stat-val{font-family:var(--font-display);color:var(--text-head);font-size:30px;font-weight:500;line-height:1}.stat .stat-lbl{color:var(--text-muted);margin-top:8px;font-size:13px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search{flex:1;min-width:220px;position:relative}.search svg{width:17px;height:17px;color:var(--text-muted);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search input{padding-left:40px}.plist{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}#plist{transition:min-height .25s}.list-swap{animation:.3s cubic-bezier(.2,.8,.2,1) listIn}@keyframes listIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ptable-wrap{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;overflow-x:auto}.ptable{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}.ptable th{text-align:left;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap;padding:15px 20px;font-size:11px;font-weight:600}.ptable th.num,.ptable td.num{text-align:right}.ptable td{border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap;padding:13px 20px}.ptable tbody tr{cursor:pointer;transition:background .15s}.ptable tbody tr:hover{background:var(--surface-2)}.ptable tbody tr:last-child td{border-bottom:none}.trow-name{color:var(--text-strong);align-items:center;gap:12px;font-weight:500;display:flex}.avatar.sm{border-radius:10px;width:34px;height:34px;font-size:13px}.ptable .mono{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}.social.sm{border-radius:8px;width:30px;height:30px}.social.sm svg{width:15px;height:15px}.pcard{cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.pcard:hover{border-color:var(--border-strong);transform:translateY(-3px)}.pcard:after{content:"";border-radius:var(--radius-card);pointer-events:none;opacity:0;background:radial-gradient(120% 80% at 100% 0,#663af31a,#0000 60%);transition:all .25s;position:absolute;inset:0}.pcard:hover:after{opacity:1}.pcard-top{align-items:center;gap:14px;margin-bottom:16px;display:flex}.avatar{width:48px;height:48px;font-family:var(--font-display);color:#eaf3ff;box-shadow:var(--shadow-hair);text-transform:uppercase;background:linear-gradient(150deg,#8b6bff80,#663af333);border-radius:14px;flex-shrink:0;place-items:center;font-size:18px;font-weight:500;display:grid}.pcard-name{color:var(--text-strong);font-size:16px;font-weight:600}.pcard-phone{color:var(--text-muted);font-size:13px;font-family:var(--font-mono);margin-top:2px}.pcard-meta{border-top:1px solid var(--border);justify-content:space-between;margin-top:4px;padding-top:14px;display:flex}.pcard-meta .m-val{font-family:var(--font-display);color:var(--text-head);font-size:17px;font-weight:500}.pcard-meta .m-lbl{color:var(--text-muted);margin-top:2px;font-size:11px}.empty{text-align:center;color:var(--text-muted);padding:70px 20px}.empty svg{opacity:.5;stroke-width:1.3px;width:52px;height:52px;margin-bottom:16px}.social{background:var(--surface-2);width:36px;height:36px;box-shadow:var(--shadow-hair);color:var(--text);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;transition:all .16s;display:inline-flex}.social:hover{background:var(--surface-hover);color:var(--text-strong);transform:translateY(-1px)}.social svg{width:18px;height:18px}.social.ig:hover{color:#e46d9c}.social.wa:hover{color:#3fca7a}.proc{margin-bottom:16px}.proc-head{align-items:flex-start;gap:14px;display:flex}.proc-date{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;white-space:nowrap;font-size:12px}.proc-title{color:var(--text-strong);font-size:16px;font-weight:600}.proc-price{font-family:var(--font-display);color:var(--text-head);white-space:nowrap;font-size:18px;font-weight:500}.proc-body{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.4,0,.2,1),opacity .26s;display:grid}.proc.open .proc-body{opacity:1;grid-template-rows:1fr}.proc-body>.acc-inner{border-top:1px solid #0000;min-height:0;padding-top:18px;overflow:hidden}.proc.open .proc-body>.acc-inner{border-top-color:var(--border)}.proc .caret{color:var(--text-muted);transition:all .25s}.proc.open .caret{transform:rotate(180deg)}.subhead{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:10px;margin:20px 0 12px;font-size:11px;display:flex}.subhead:after{content:"";background:linear-gradient(90deg,var(--border),transparent);flex:1;height:1px}.subhead svg{stroke-width:1.8px;flex-shrink:0;width:14px;height:14px}.pblock{background:var(--surface-2);box-shadow:var(--shadow-hair);border-radius:14px;margin-bottom:14px;padding:16px 18px}.pblock:last-of-type{margin-bottom:0}.pblock .subhead{margin:14px 0 10px}.pblock .subhead:first-of-type{margin-top:10px}.pblock-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.pblock-body{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1),opacity .24s;display:grid}.pblock.open .pblock-body{opacity:1;grid-template-rows:1fr}.pblock-body>.acc-inner{min-height:0;overflow:hidden}.pcaret{color:var(--text-muted);flex-shrink:0;transition:all .25s}.pcaret svg{width:18px;height:18px}.pblock.open .pcaret{transform:rotate(180deg)}.info-cell{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex:1;min-width:0;padding:8px 12px}.info-lbl{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:10.5px}.info-val{color:var(--text-strong);word-break:break-word;margin-top:2px;font-size:14px}.note-box{background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;border-radius:10px;margin-top:10px;padding:10px 13px;font-size:14px}.gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.ph{background:var(--surface-2);box-shadow:var(--shadow-hair);aspect-ratio:1;border-radius:12px;position:relative;overflow:hidden}.ph img{object-fit:cover;cursor:zoom-in;width:100%;height:100%;display:block}.ph .ph-tag{text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:600;position:absolute;top:8px;left:8px}.ph .ph-tag.before{color:#fff;background:#027deabf}.ph .ph-tag.after{color:#fff;background:#269684cc}.ph .ph-del{color:#fff;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05060f99;border:none;border-radius:7px;place-items:center;width:24px;height:24px;transition:all .15s;display:grid;position:absolute;top:6px;right:6px}.ph:hover .ph-del{opacity:1}.ph .ph-cap{color:#eaf3ff;background:linear-gradient(#0000,#05060fd9);border:none;width:100%;padding:6px 8px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.ph .ph-cap::placeholder{color:#e6f0ff99}.upload-tile{border:1.5px dashed var(--border-strong);color:var(--text-muted);aspect-ratio:1;background:var(--surface-2);border-radius:12px;place-items:center;transition:all .18s;display:grid}.upload-tile:hover{border-color:var(--accent-2);color:var(--text);background:var(--surface-hover)}.upload-tile svg{width:24px;height:24px}.upload-tile span{margin-top:6px;font-size:11px}.pdf-item{background:var(--surface-2);box-shadow:var(--shadow-hair);border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}.pdf-item .pdf-ico{color:#ff9b86;background:#e46d4c24;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 0 1px #e46d4c40}.pdf-item .pdf-name{color:var(--text-strong);word-break:break-all;flex:1;font-size:13.5px}.faces{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.face-tile{background:var(--surface-2);box-shadow:var(--shadow-hair);aspect-ratio:3/4;cursor:pointer;border-radius:12px;place-items:center;transition:all .18s;display:grid;position:relative;overflow:hidden}.face-tile:hover{border-color:var(--border-strong);transform:translateY(-2px)}.face-tile .face-bg{width:100%;height:100%;color:var(--border-strong);position:absolute;inset:0}.face-photo{object-fit:cover;opacity:0;z-index:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.face-photo.ok{opacity:1}.face-photo.ok~.face-bg{display:none}:root[data-theme=dark] .face-photo{filter:brightness(.5)contrast(1.08)saturate(.82)}:root[data-theme=light] .face-photo{filter:brightness(.98)contrast(1.02)}.draw-wrap .face-photo{z-index:0}.draw-wrap canvas{z-index:2}.face-tile .face-draw{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.face-tile .face-lbl{text-align:center;color:var(--text);background:linear-gradient(0deg,var(--scrim),transparent);font-size:11px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:8px;position:absolute;bottom:0;left:0;right:0}.face-tile .face-edit{background:var(--scrim);width:26px;height:26px;color:var(--text-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.face-tile .face-edit svg{width:14px;height:14px}.modal-scrim{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03040a99;place-items:center;padding:24px;animation:.2s fade;display:grid;position:fixed;inset:0}.modal{background:var(--bg-2);border-radius:var(--radius-card);width:min(560px,100%);max-height:88vh;box-shadow:var(--shadow-modal);border:1px solid var(--border);padding:26px;animation:.28s cubic-bezier(.2,.9,.3,1) pop;overflow:auto}.modal.wide{width:min(920px,100%)}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{font-family:var(--font-display);color:var(--text-head);align-items:center;gap:9px;font-size:22px;font-weight:500;display:flex}.modal-title svg{stroke-width:1.7px;flex-shrink:0;width:20px;height:20px}.modal-x{border:1px solid var(--border);background:var(--surface-2);width:34px;height:34px;color:var(--text);box-shadow:var(--shadow-hair);border-radius:10px;place-items:center;display:grid}.modal-x:hover{background:var(--surface-hover)}.modal-foot{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.lightbox{z-index:200;background:#03040ae6;place-items:center;padding:30px;animation:.2s fade;display:grid;position:fixed;inset:0}.lightbox img{max-width:94vw;max-height:90vh;box-shadow:var(--shadow-modal);border-radius:12px}.lightbox .lb-x{border:1px solid var(--border);background:var(--surface-2);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:20px;right:24px}.draw-wrap{width:100%;box-shadow:var(--shadow-hair);aspect-ratio:3/4;background:#0a0c18;border-radius:12px;max-height:60vh;margin:0 auto;position:relative;overflow:hidden}:root[data-theme=light] .draw-wrap{background:#f4f7ff}.draw-wrap svg{width:100%;height:100%;color:var(--border-strong);pointer-events:none;position:absolute;inset:0}.draw-wrap canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.draw-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.swatch{width:26px;height:26px;box-shadow:var(--shadow-hair);border:2px solid #0000;border-radius:50%;transition:all .15s}.swatch.active{border-color:var(--text-strong);transform:scale(1.12)}.brush-size{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}input[type=range]{accent-color:var(--accent)}.seg{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-hair);gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text-muted);background:0 0;border:none;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .16s;display:flex}.seg button svg{width:15px;height:15px}.seg button.active{background:var(--surface-hover);color:var(--text-strong);box-shadow:var(--shadow-hair)}.dropdown{position:relative}.dd-menu{background:var(--bg-2);border:1px solid var(--border);min-width:170px;box-shadow:var(--shadow-modal);z-index:60;border-radius:12px;padding:6px;animation:.18s pop;position:absolute;top:calc(100% + 8px);right:0}.dd-menu button{width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 11px;font-size:13.5px;display:flex}.dd-menu button:hover{background:var(--surface-2)}.dd-menu button.active{color:var(--text-strong)}.dd-menu button .tick{color:var(--accent-2);margin-left:auto}.flag{font-size:16px}.profile-photo{object-fit:cover;width:96px;height:96px;box-shadow:var(--shadow-card);border:1px solid var(--border);border-radius:24px}.profile-photo-ph{width:96px;height:96px;font-family:var(--font-display);color:#eaf3ff;box-shadow:var(--shadow-card);text-transform:uppercase;background:linear-gradient(150deg,#8b6bff80,#663af333);border-radius:24px;place-items:center;font-size:34px;display:grid}.login-top{z-index:20;align-items:center;gap:12px;display:flex;position:fixed;top:18px;right:24px}.login-wrap{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:32px 24px;animation:.5s cubic-bezier(.2,.8,.2,1) viewIn;display:flex;position:relative}.login-brand{flex-direction:column;align-items:center;gap:16px;margin-bottom:34px;display:flex}.login-brand .brand-mark{box-shadow:var(--shadow-glow);place-items:center;display:grid}.login-brand .brand-mark svg{width:28px;height:28px}.login-wordmark{font-family:var(--font-display);letter-spacing:1px;background:linear-gradient(#eaf6ff,#98c0ef);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:52px;font-weight:500;line-height:1}:root[data-theme=light] .login-wordmark{background:linear-gradient(#2a2f52,#5b34e6);-webkit-background-clip:text;background-clip:text}.login-brand .brand-sub{text-align:center}.login-card{background:var(--bg-2);width:min(420px,100%);box-shadow:var(--shadow-modal);border:1px solid var(--border);border-radius:16px;padding:32px;animation:.4s cubic-bezier(.2,.9,.3,1) pop}.login-card .eyebrow{justify-content:center}.login-card .eyebrow:before,.login-card .eyebrow:after{max-width:70px}.btn.full{width:100%;padding:12px}.login-divider{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);letter-spacing:.14em;align-items:center;gap:14px;margin:20px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:linear-gradient(90deg,transparent,var(--border),transparent);flex:1;height:1px}.login-foot{color:var(--text-muted);text-align:center;font-size:12px;font-family:var(--font-mono);letter-spacing:.05em;margin-top:22px}@media (width<=520px){.login-wordmark{font-size:42px}.login-card{padding:24px}.login-top{top:12px;right:14px}}.toast{z-index:300;background:var(--bg-2);border:1px solid var(--border);color:var(--text-strong);box-shadow:var(--shadow-modal);opacity:0;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;transition:all .28s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast svg{color:#3fca7a;width:18px;height:18px}.mobile-nav{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.view-anim{animation:.4s cubic-bezier(.2,.8,.2,1) viewIn}@keyframes viewIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.sidebar{display:none}.grid-2{grid-template-columns:1fr}.content{padding:6px 16px calc(94px + env(safe-area-inset-bottom))}.topbar{gap:10px;padding:12px 16px}.h1{font-size:30px}.page-head{margin:10px 0 22px}.stats{gap:12px;margin-bottom:22px}.toolbar .search{flex-basis:100%}.mobile-nav{z-index:80;background:var(--bg-2);border-top:1px solid var(--border);padding:8px 6px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000059}.mobile-nav button{color:var(--text-muted);background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:6px 14px;font-size:10px;display:flex}.mobile-nav button svg{stroke-width:1.7px;width:21px;height:21px}.mobile-nav button.active{color:var(--text-strong)}}@media (width<=560px){.topbar .crumb{display:none}.content{padding-left:12px;padding-right:12px}.card{padding:18px}.modal{padding:20px}.stats .stat-val{font-size:26px}.stats .stat-ico{width:34px;height:34px;margin-bottom:10px}.pcard-top .avatar{width:44px;height:44px}.h1{font-size:27px}}:root[data-theme=light] .face-photo{filter:none;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}:root[data-theme=dark] .face-photo{filter:brightness(.72)contrast(1.04)saturate(.85);-webkit-mask-image:radial-gradient(74% 72% at 50% 42%,#000 55%,#0000 90%);mask-image:radial-gradient(74% 72% at 50% 42%,#000 55%,#0000 90%)}.draw-wrap{aspect-ratio:var(--face-ar,.75);width:min(100%,calc(min(58vh,560px) * var(--face-ar,.75)));height:auto;max-height:min(58vh,560px);margin:0 auto}.draw-wrap .face-photo{object-fit:contain;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}:root[data-theme=dark] .draw-wrap .face-photo{filter:brightness(.95)contrast(1.02)saturate(.9)}:root[data-theme=light] .draw-wrap .face-photo{filter:none}.dp-wrap{position:relative}.dp-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;display:flex}.dp-trigger svg{width:17px;height:17px;color:var(--text-muted);flex-shrink:0}.dp-ph{color:var(--text-muted);opacity:.7}.dp-pop{z-index:1300;background:var(--bg-2);border:1px solid var(--border);width:236px;box-shadow:var(--shadow-modal);border-radius:12px;padding:10px;animation:.16s pop;position:absolute;top:calc(100% + 6px);left:0}.dp-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.dp-title{font-family:var(--font-display);color:var(--text-strong);text-transform:capitalize;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 10px;font-size:13px;font-weight:500}.dp-title:hover{background:var(--surface-2)}.dp-nav{border:1px solid var(--border);background:var(--surface-2);width:24px;height:24px;color:var(--text);border-radius:7px;place-items:center;font-size:14px;line-height:1;display:grid}.dp-nav:hover{background:var(--surface-hover);color:var(--text-strong)}.dp-grid{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.dp-dow{text-align:center;color:var(--text-muted);font-size:9px;font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;padding:2px 0 3px}.dp-day{height:27px;color:var(--text);background:0 0;border:none;border-radius:7px;place-items:center;font-size:12px;transition:all .12s;display:grid}.dp-day:hover:not(:disabled){background:var(--surface-2);color:var(--text-strong)}.dp-day.other{color:var(--text-muted);opacity:.45}.dp-day.today{box-shadow:inset 0 0 0 1px var(--border-strong)}.dp-day.sel{background:var(--accent);color:#fff;box-shadow:0 4px 14px #663af366}.dp-day:disabled{opacity:.25;cursor:default}.dp-cellgrid{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:2px;display:grid}.dp-cell{color:var(--text);text-transform:capitalize;background:0 0;border:none;border-radius:8px;padding:10px 0;font-size:12.5px;transition:all .12s}.dp-cell:hover:not(:disabled){background:var(--surface-2);color:var(--text-strong)}.dp-cell.sel{background:var(--accent);color:#fff}.dp-cell:disabled{opacity:.25;cursor:default}.sel-wrap{position:relative}.sel-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;display:flex}.sel-trigger svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.sel-menu{z-index:1300;background:var(--bg-2);border:1px solid var(--border);box-shadow:var(--shadow-modal);border-radius:12px;max-height:264px;padding:6px;animation:.16s pop;overflow:auto}.sel-opt{width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:13.5px;transition:all .12s;display:flex}.sel-opt:hover{background:var(--surface-2);color:var(--text-strong)}.sel-opt.active{color:var(--text-strong)}.sel-tick{color:var(--accent-2);flex-shrink:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.toolbar .seg{border-radius:var(--radius-input)}.toolbar .seg button{border-radius:6px}.toolbar .btn{border-radius:var(--radius-input)}:root[data-theme=light] .stat-ico{color:var(--accent);background:#5b34e621;box-shadow:inset 0 0 0 1px #5b34e647}:root[data-theme=light] .chip.accent{color:var(--accent);background:#5b34e61f;box-shadow:inset 0 0 0 1px #5b34e647}:root[data-theme=light] .avatar,:root[data-theme=light] .profile-photo-ph{color:#fff;background:linear-gradient(150deg,#8b6bff,#5b34e6)}.pagination-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.pagination-size{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.pagination-info{color:var(--text-muted);font-size:13px}.pagination-controls{align-items:center;gap:10px;display:flex}.show-more-wrap{flex-direction:column;align-items:center;gap:10px;margin-top:22px;display:flex}