:root{--bg: #18181e;--sidebar: #1c1c23;--panel: #1f1f27;--panel-2: #27272f;--input: #212129;--border: #34343e;--border-2: #3f3f4a;--text: #ececf3;--muted: #8a8a9b;--muted-2: #6a6a7a;--accent: #6c5cff;--accent-2: #8b5cf6;--accent-hover: #7b6bff;--green: #34d399;--green-bg: rgba(52, 211, 153, .14);--amber: #ffab40;--amber-bg: rgba(255, 171, 64, .14);--red: #ff5a67;--red-bg: rgba(255, 90, 103, .12);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1)}*{box-sizing:border-box}html,body{height:100%;background:var(--bg)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px}a{color:inherit}button{font-family:inherit}input,select,textarea{font-family:inherit;color:var(--text);background:var(--input);border:1px solid var(--border);border-radius:10px;padding:11px 12px;font-size:14px;width:100%;outline:none}input::placeholder,textarea::placeholder{color:var(--muted-2)}input:focus,select:focus,textarea:focus{border-color:var(--accent)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a8a9b' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.shell{display:flex;min-height:100vh;min-height:100dvh;background:var(--bg)}.sidebar{width:234px;flex:0 0 234px;background:var(--sidebar);border-right:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 22px}.brand .logo{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;box-shadow:0 4px 14px #6c5cff59}.brand .name{font-size:19px;font-weight:800;letter-spacing:-.015em}.nav{display:flex;flex-direction:column;gap:4px}.nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:var(--muted);font-size:14.5px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .12s,color .12s,transform .1s var(--ease-out)}.nav a svg{width:19px;height:19px;flex:0 0 19px}.nav a:hover{color:var(--text);background:var(--panel)}.nav a:active{transform:scale(.98)}.nav a.active{color:#fff;background:linear-gradient(90deg,#6c5cff38,#6c5cff1a)}.nav a.active svg{color:var(--accent)}.nav .grow{margin-top:auto}.main{flex:1;min-width:0;padding:26px 30px 60px}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head .titles{flex:1;min-width:200px}.page-head h1{font-size:23px;font-weight:800;margin:0 0 4px;letter-spacing:-.02em}.page-head .sub{color:var(--muted);font-size:13.5px;font-weight:500}.head-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.head-tools .selwrap{display:flex;flex-direction:column;gap:5px}.head-tools .selwrap label{font-size:12px;color:var(--muted)}.head-tools select{min-width:180px}.btn{border:0;border-radius:14px;padding:12px 20px;font-size:14px;font-weight:700;cursor:pointer;background:var(--accent);color:#fff;display:inline-flex;align-items:center;gap:8px;transition:background .12s,transform .12s var(--ease-out);letter-spacing:-.005em}.btn:hover{background:var(--accent-hover)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.btn.ghost:hover{background:var(--panel)}.btn.danger{background:var(--red-bg);color:var(--red);border:1px solid rgba(255,90,103,.4)}.btn.danger:hover{background:#ff5a6733}.btn.block{width:100%;justify-content:center}.icon-btn{border:1px solid var(--border-2);background:var(--panel-2);color:var(--muted);border-radius:11px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .12s,border-color .12s,background .12s,transform .12s var(--ease-out)}.icon-btn:hover{color:var(--text);border-color:var(--border-2);background:var(--panel)}.icon-btn:active{transform:scale(.93)}.icon-btn svg{width:16px;height:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:6px}.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden}.tbl-scroll{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;min-width:640px}table.tbl th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);text-transform:none;padding:15px 18px;border-bottom:1px solid var(--border);white-space:nowrap}table.tbl td{padding:14px 18px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:14px}table.tbl tr:last-child td{border-bottom:0}table.tbl tbody tr:hover{background:#ffffff05}.cell-strong{font-weight:700}.cell-muted{color:var(--muted)}.cell-mono{font-family:ui-monospace,Menlo,monospace;color:var(--muted);font-size:13px}.app-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;overflow:hidden;flex:0 0 auto}.app-icon img{width:100%;height:100%;object-fit:cover}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:7px 15px;border-radius:999px;letter-spacing:-.005em}.pill.green{color:var(--green);background:var(--green-bg)}.pill.amber{color:var(--amber);background:var(--amber-bg)}.pill.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.menu-wrap{position:relative;display:inline-block}.menu{position:fixed;z-index:60;background:var(--panel-2);border:1px solid var(--border-2);border-radius:11px;padding:6px;min-width:176px;box-shadow:0 12px 34px #00000080}.menu button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:transparent;border:0;color:var(--text);padding:9px 10px;border-radius:8px;font-size:13.5px;cursor:pointer}.menu button:hover{background:var(--panel)}.menu button.danger{color:var(--red)}.menu button svg{width:15px;height:15px}.pager{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px}.pager button{min-width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:13.5px;font-weight:600;cursor:pointer;padding:0 8px;transition:color .12s,border-color .12s,background .12s,transform .12s var(--ease-out)}.pager button:hover{color:var(--text);border-color:var(--border-2)}.pager button:active{transform:scale(.94)}.pager button.active{background:var(--accent);border-color:var(--accent);color:#fff}.pager button:disabled{opacity:.4;cursor:default}.pager .dots{color:var(--muted);padding:0 2px}.edit-panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px 22px;margin-top:18px}.edit-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.edit-head .ttl{font-size:16px;font-weight:600;flex:1}.field-label{font-size:12.5px;color:var(--muted);margin-bottom:7px;display:block}.grid{display:grid;gap:18px 20px}.grid.c3{grid-template-columns:1.4fr 1fr 1fr}.grid.c2{grid-template-columns:1fr 1fr}.link-input{display:flex;align-items:center;gap:8px}.link-input input{font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.tabs{display:inline-flex;background:var(--panel-2);border:1px solid var(--border);border-radius:11px;padding:4px;gap:4px}.tabs button{border:0;background:transparent;color:var(--muted);font-size:13.5px;font-weight:700;padding:7px 16px;border-radius:8px;cursor:pointer;transition:background .12s,color .12s,transform .12s var(--ease-out)}.tabs button:active{transform:scale(.96)}.tabs button.active{background:var(--accent);color:#fff}.chips{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--input);min-height:44px}.chip{display:inline-flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--border-2);border-radius:8px;padding:5px 8px 5px 11px;font-size:13px}.chip button{border:0;background:transparent;color:var(--muted);cursor:pointer;display:flex;padding:0}.chip button:hover{color:var(--red)}.chk{display:flex;align-items:center;gap:9px;padding:7px 4px;font-size:14px;cursor:pointer}.chk input{width:auto}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.drawer{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:420px;max-width:94vw;z-index:50;background:var(--panel);border-left:1px solid var(--border);padding:22px 22px 30px;overflow-y:auto;box-shadow:-20px 0 50px #0006}.drawer-head{display:flex;align-items:center;margin-bottom:20px}.drawer-head h2{font-size:18px;font-weight:800;margin:0;flex:1;letter-spacing:-.01em}.drawer .actions{display:flex;gap:12px;margin-top:26px}.drawer .actions .btn{flex:1;justify-content:center}.dropzone{border:1.5px dashed var(--border-2);border-radius:12px;padding:22px 14px;text-align:center;color:var(--muted);font-size:13px;cursor:pointer;background:var(--input);position:relative}.dropzone:hover{border-color:var(--accent);color:var(--text)}.dropzone .fname{color:var(--accent);font-weight:600;margin-top:6px;word-break:break-all}.dropzone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.icon-box{border:1.5px dashed var(--border-2);border-radius:12px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:12px;cursor:pointer;background:var(--input);position:relative;overflow:hidden}.icon-box:hover{border-color:var(--accent)}.icon-box img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.icon-box input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.icon-box .prev{width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff}.pwrap{position:relative}.pwrap .eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:var(--muted);cursor:pointer;display:flex}.pwrap input{padding-right:38px}.empty{color:var(--muted);font-size:14px;padding:26px;text-align:center}.hint{font-size:12px;color:var(--muted);margin-top:6px}.center-x{display:flex;align-items:center;gap:12px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:#232330;border:1px solid var(--border-2);color:#fff;padding:11px 20px;border-radius:11px;font-size:14px;z-index:80;box-shadow:0 10px 30px #00000080}.login-wrap{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.login-box{width:340px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:30px}.login-box .brand{justify-content:center;padding:0 0 20px}.login-box h1{font-size:19px;text-align:center;margin:0 0 20px;font-weight:600}.login-box input{margin-bottom:12px}.err{color:var(--red);font-size:13px;margin-bottom:12px;text-align:center}.bottom-nav{display:none}@media (max-width: 900px) and (min-width: 721px){.sidebar{width:74px;flex-basis:74px;padding:18px 10px}.brand .name,.nav a span{display:none}.brand{justify-content:center;padding-left:0;padding-right:0}.nav a{justify-content:center}.grid.c3,.grid.c2{grid-template-columns:1fr}}@media (max-width: 720px){html,body{overflow-x:hidden}.sidebar{display:none}.bottom-nav{display:flex;position:fixed;left:14px;right:14px;bottom:max(6px,calc(env(safe-area-inset-bottom)*.4));z-index:70;border-radius:999px;overflow:hidden;box-shadow:0 12px 32px #00000073;padding:8px 6px}.bottom-nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#14141ed1;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:inherit}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;padding:10px 4px;border-radius:999px;text-decoration:none;transition:color .12s,background .12s,transform .12s var(--ease-out)}.bottom-nav a span{display:none}.bottom-nav a:active{transform:scale(.92)}.bottom-nav a.active{color:#fff;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.bottom-nav a.active svg{color:#fff}.bottom-nav a svg{width:24px;height:24px}.main{max-width:100%;padding:calc(14px + env(safe-area-inset-top)) 14px calc(78px + env(safe-area-inset-bottom)*.4)}.page-head{flex-direction:column;align-items:stretch;gap:12px}.page-head h1{font-size:29px}.head-tools{width:100%;flex-direction:column;align-items:stretch;gap:10px}.head-tools .selwrap,.head-tools select{width:100%;min-width:0}.head-tools select{border-radius:16px;padding:14px 18px;height:50px}.head-tools .btn{width:100%;justify-content:center;padding:16px 20px;border-radius:18px;font-size:15px}.grid.c3,.grid.c2{grid-template-columns:1fr!important}.tabs{display:flex}.tabs button{flex:1;padding:8px 6px}.drawer{width:100vw;max-width:100vw;border-left:0;padding:calc(18px + env(safe-area-inset-top)) 18px calc(30px + env(safe-area-inset-bottom))}.table-wrap{border:0;background:transparent;border-radius:0;overflow:visible}.tbl-scroll{overflow:visible}table.tbl{min-width:0}table.tbl thead{display:none}table.tbl,table.tbl tbody{display:block;width:100%}table.tbl td{display:flex;width:auto}table.tbl tr{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:22px;margin-bottom:14px;padding:18px;box-shadow:0 1px #ffffff0a inset,0 10px 26px #00000038;opacity:0;transform:translateY(6px);animation:cardIn .32s var(--ease-out) forwards}table.tbl tbody tr:nth-child(1){animation-delay:0ms}table.tbl tbody tr:nth-child(2){animation-delay:40ms}table.tbl tbody tr:nth-child(3){animation-delay:80ms}table.tbl tbody tr:nth-child(4){animation-delay:.12s}table.tbl tbody tr:nth-child(n+5){animation-delay:.15s}table.tbl tbody tr:hover{background:var(--panel)}table.tbl td{border:0;justify-content:space-between;align-items:center;flex:1 1 100%;gap:12px;padding:9px 2px;text-align:right}table.tbl td:before{content:attr(data-label);color:var(--muted);font-size:12.5px;font-weight:600;text-align:left;white-space:nowrap;flex:0 0 auto}table.tbl td[data-label=""]{justify-content:flex-start;padding:0}table.tbl td[data-label=""]:before{display:none}table.tbl td[data-label=""]:has(.app-icon){order:-4;flex:0 0 auto}table.tbl td[data-label=Название],table.tbl td[data-label=Логин],table.tbl td[data-label=Ссылка]{order:-3;flex:1 1 auto;min-width:0;justify-content:flex-start;text-align:left;font-size:16.5px;font-weight:800;letter-spacing:-.01em}table.tbl td[data-label=Название]{word-break:break-word}table.tbl td[data-label=Ссылка]{font-size:13px;word-break:break-all}table.tbl td[data-label=Название]:before,table.tbl td[data-label=Логин]:before,table.tbl td[data-label=Ссылка]:before{display:none}table.tbl td[data-label=Статус]{order:-2;flex:0 0 auto;padding:0}table.tbl td[data-label=Статус]:before{display:none}table.tbl td[data-label=""]:has(.menu-wrap){order:-1;flex:0 0 auto;margin-left:auto}table.tbl td:not([data-label=""]):not([data-label=Название]):not([data-label=Логин]):not([data-label=Ссылка]):not([data-label=Статус]){border-top:1px solid var(--border-2);margin-top:12px;padding-top:13px}table.tbl td:not([data-label=""]):not([data-label=Название]):not([data-label=Логин]):not([data-label=Ссылка]):not([data-label=Статус])~td:not([data-label=""]){border-top:0;margin-top:0;padding-top:9px}.cell-mono{font-size:12px;word-break:break-all}.pager{padding:8px}.toast{bottom:calc(86px + env(safe-area-inset-bottom)*.4)}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){table.tbl tr{animation:none;opacity:1;transform:none}}}.upbar{margin-top:18px}.upbar-track{height:9px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;overflow:hidden}.upbar-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .15s ease}.upbar-label{font-size:12.5px;color:var(--muted);margin-top:7px;text-align:center}.edit-scrim{display:none}@media (max-width: 720px){.edit-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:55}.edit-panel{position:fixed;z-index:60;margin-top:0;left:12px;right:12px;top:50%;transform:translateY(-50%);max-height:82dvh;overflow-y:auto;box-shadow:0 24px 70px #0009}}