:root{--bg: #f4f6fa;--surface: #ffffff;--sidebar: #0b1220;--sidebar-soft: rgba(255, 255, 255, .06);--ink: #0f172a;--ink-2: #334155;--muted: #64748b;--line: #e2e8f0;--line-2: #cbd5e1;--brand: #4f46e5;--brand-2: #4338ca;--brand-soft: #eef2ff;--ok: #16a34a;--ok-soft: #dcfce7;--ok-ink: #15803d;--err: #dc2626;--err-soft: #fee2e2;--err-ink: #b91c1c;--warn-soft: #fef3c7;--warn-ink: #b45309;--busy-soft: #e0e7ff;--busy-ink: #4338ca;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 12px 32px -18px rgba(15, 23, 42, .18)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}.app{display:flex;min-height:100vh}.sidebar{width:268px;flex:none;background:linear-gradient(180deg,var(--sidebar) 0%,#101a30 100%);color:#cbd5e1;display:flex;flex-direction:column;padding:22px 16px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand__mark{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:800;font-size:15px;display:grid;place-items:center;letter-spacing:.5px;box-shadow:0 6px 18px -6px #6366f1b3}.brand__name{color:#f8fafc;font-weight:700;font-size:15.5px;line-height:1.2}.brand__sub{font-size:12px;color:#94a3b8}.nav{display:flex;flex-direction:column;gap:6px;margin-top:18px}.nav__item{display:flex;gap:12px;align-items:center;text-align:left;background:transparent;border:1px solid transparent;border-radius:12px;padding:11px 12px;cursor:pointer;color:#cbd5e1;transition:background .15s,border-color .15s}.nav__item:hover{background:var(--sidebar-soft)}.nav__item--active{background:#6366f129;border-color:#818cf859;color:#eef2ff}.nav__icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#ffffff12;color:#a5b4fc;flex:none}.nav__item--active .nav__icon{background:#6366f1;color:#fff}.nav__body{display:flex;flex-direction:column;min-width:0}.nav__label{font-weight:600;font-size:14px;color:inherit}.nav__desc{font-size:11.5px;color:#8fa0b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__status{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:12.5px;color:#94a3b8;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:9px 12px}.sidebar__status .dot{width:8px;height:8px;border-radius:50%;background:#64748b}.sidebar__status.is-ok{color:#bbf7d0}.sidebar__status.is-ok .dot{background:#22c55e;box-shadow:0 0 0 3px #22c55e40}.sidebar__status.is-err{color:#fecaca}.sidebar__status.is-err .dot{background:#ef4444}.main{flex:1;min-width:0;padding:28px 30px 56px}.page{max-width:1160px;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.page-head h1{margin:0 0 4px;font-size:23px;font-weight:700;letter-spacing:-.02em}.page-head p{margin:0;color:var(--muted);font-size:13.5px;max-width:640px}.layout-split{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.col-main,.col-side{min-width:0}.col-side{position:sticky;top:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:16px}.card--flush{padding:6px 8px}.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 10px}.card__title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;margin-bottom:4px;color:var(--ink)}.card__title svg{color:var(--brand)}.card h2{margin:0;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.dropzone{border:1.5px dashed var(--line-2);background:#f8fafc;border-radius:var(--radius);padding:34px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,transform .15s;margin-bottom:16px;outline:none}.dropzone:hover,.dropzone:focus-visible{border-color:var(--brand);background:var(--brand-soft)}.dropzone--over{border-color:var(--brand);background:var(--brand-soft);transform:scale(1.005)}.dropzone__icon{width:52px;height:52px;margin:0 auto 12px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--brand);display:grid;place-items:center;box-shadow:var(--shadow)}.dropzone__title{margin:0;font-weight:650;font-size:15px}.dropzone__sub{margin:4px 0 0;color:var(--muted);font-size:13px}.dropzone__hint{margin:10px 0 0;color:#94a3b8;font-size:12px}.rows{list-style:none;margin:0;padding:0}.row{display:flex;gap:12px;align-items:center;padding:10px;border-top:1px solid var(--line);border-radius:10px}.row:first-child{border-top:0}.row:hover{background:#f8fafc}.row__thumb{width:46px;height:46px;object-fit:cover;border-radius:10px;background:#eef2f7;border:1px solid var(--line);flex:none}.ftile{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;flex:none;border:1px solid transparent}.ftile--pdf{background:#fef2f2;color:#dc2626;border-color:#fecaca}.ftile--text{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.ftile--sheet{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.ftile--slide{background:#fff7ed;color:#ea580c;border-color:#fed7aa}.ftile--file{background:#f1f5f9;color:#475569;border-color:var(--line-2)}.row__order{width:26px;height:26px;border-radius:8px;background:var(--brand-soft);color:var(--brand-2);font-size:12.5px;font-weight:700;display:grid;place-items:center;flex:none}.row__body{flex:1;min-width:0}.row__name{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:12px}.row__arrow{color:var(--line-2)}.row__err{color:var(--err-ink);font-size:12px;margin-top:2px;word-break:break-word}.pill{background:var(--brand-soft);color:var(--brand-2);border-radius:99px;font-size:12px;font-weight:700;padding:1px 9px}.chip{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:#f1f5f9;color:var(--muted)}.chip--ok{background:var(--ok-soft);color:var(--ok-ink)}.chip--warn{background:var(--warn-soft);color:var(--warn-ink)}.status{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:99px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;flex:none}.status--wait{background:#f1f5f9;color:#475569}.status--busy{background:var(--busy-soft);color:var(--busy-ink)}.status--done{background:var(--ok-soft);color:var(--ok-ink)}.status--err{background:var(--err-soft);color:var(--err-ink)}.btn{border:1px solid transparent;border-radius:11px;padding:10px 17px;font-size:14px;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,border-color .15s,transform .05s;background:#fff;color:var(--ink);border-color:var(--line-2)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 20px -10px #4f46e5cc}.btn--primary:hover:not(:disabled){background:var(--brand-2)}.btn--success{background:var(--ok);border-color:var(--ok);color:#fff}.btn--success:hover:not(:disabled){background:var(--ok-ink)}.btn--ghost{background:#fff;border-color:var(--line-2);color:var(--ink-2)}.btn--ghost:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.btn--sm{padding:6px 12px;font-size:12.5px;border-radius:9px}.btn--lg{padding:12px 22px;font-size:14.5px}.btn--block{width:100%}.iconbtn{width:32px;height:32px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:9px;cursor:pointer;display:grid;place-items:center;flex:none}.iconbtn:hover:not(:disabled){background:#eef2f7;color:var(--ink);border-color:var(--line)}.iconbtn:disabled{opacity:.35;cursor:not-allowed}.actions{display:flex;gap:10px;flex-wrap:wrap}.field{display:block;margin-top:14px}.field>span{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:650;color:var(--ink-2);margin-bottom:6px}.input,.select{width:100%;padding:9px 11px;border:1px solid var(--line-2);border-radius:10px;background:#fff;font-size:14px;transition:border-color .15s,box-shadow .15s}.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='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.input:focus,.select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #4f46e526}.input[type=range]{padding:0;border:0;accent-color:var(--brand);box-shadow:none}.color{width:100%;height:40px;padding:4px;border:1px solid var(--line-2);border-radius:10px;background:#fff;cursor:pointer}.check{display:flex;gap:9px;align-items:center;font-size:13.5px;font-weight:600;color:var(--ink-2);cursor:pointer;margin-top:15px}.check input{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.grid2>.field{margin-top:0}.grid2--full{grid-column:1 / -1}.segmented{display:inline-flex;background:#eef1f6;border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px}.segmented__btn{border:0;background:transparent;border-radius:9px;padding:8px 16px;font-size:13.5px;font-weight:650;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.segmented__btn:hover{color:var(--ink)}.segmented__btn--active{background:#fff;color:var(--brand-2);box-shadow:0 1px 3px #0f172a1f}.progress{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px;box-shadow:var(--shadow)}.progress__bar{height:8px;border-radius:99px;background:#e9edf3;overflow:hidden}.progress__fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:99px;transition:width .25s ease}.progress__text{margin:8px 0 0;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner{display:flex;gap:12px;align-items:flex-start;border-radius:var(--radius);padding:14px 16px;margin-bottom:16px;font-size:13.5px;border:1px solid}.banner--warn{background:var(--warn-soft);border-color:#fde68a;color:#92400e}.banner--warn b{color:#78350f}.result-card{display:flex;align-items:center;gap:14px;background:#f0fdf4;border:1px solid #bbf7d0}.result-card__icon{width:42px;height:42px;border-radius:12px;background:#dcfce7;color:var(--ok-ink);display:grid;place-items:center;flex:none}.result-card__body{flex:1;min-width:0}.result-card__name{font-weight:650;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-card__meta{font-size:12.5px;color:var(--ok-ink)}.muted{color:var(--muted)}.small{font-size:12.5px}.hint{font-size:12.5px;color:var(--muted);background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:12px}.spinner{width:12px;height:12px;border:2px solid rgba(67,56,202,.25);border-top-color:var(--busy-ink);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:60;max-width:360px}.toast{display:flex;gap:9px;align-items:flex-start;background:#0f172a;color:#f1f5f9;padding:11px 14px;border-radius:12px;font-size:13px;box-shadow:0 18px 40px -18px #0009;animation:toast-in .18s ease-out;border:1px solid rgba(255,255,255,.08)}.toast--error{background:var(--err-ink);border-color:#ffffff2e}.toast--success{background:#14532d;border-color:#ffffff24}.toast__icon{display:grid;place-items:center;margin-top:1px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.office-tabs{margin-bottom:18px}.split-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.meta-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}@media(max-width:1080px){.layout-split,.split-grid{grid-template-columns:1fr}.col-side{position:static}}@media(max-width:860px){.app{flex-direction:column}.sidebar{width:100%;height:auto;position:static;padding:14px}.brand{padding-bottom:12px}.nav{flex-direction:row;margin-top:12px;flex-wrap:wrap}.nav__item{flex:1;min-width:220px}.sidebar__status{margin-top:12px}.main{padding:20px 16px 44px}.page-head h1{font-size:20px}}@media(max-width:560px){.row{flex-wrap:wrap}.row__body{flex-basis:calc(100% - 120px)}.grid2{grid-template-columns:1fr}.actions .btn{flex:1}}.nav__group{display:flex;flex-direction:column;gap:6px}.nav__group+.nav__group{margin-top:16px}.nav__group-label{font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#64748b;padding:0 10px;margin-bottom:2px}.media-card{display:flex;gap:14px;align-items:center}.media-card__thumb{width:168px;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#eef2f7;border:1px solid var(--line);flex:none;display:grid;place-items:center;color:var(--brand)}.media-card__thumb img{width:100%;height:100%;object-fit:cover}.media-card__body{min-width:0;flex:1}.chip svg{vertical-align:-2px}.btn--primary .spinner,.btn--success .spinner{border-color:#ffffff59;border-top-color:#fff}.qr-box{display:grid;place-items:center;min-height:300px;background:#f8fafc;border:1px dashed var(--line-2);border-radius:12px;padding:20px}.qr-box img{max-width:100%;height:auto;background:#fff;padding:12px;border-radius:10px;box-shadow:var(--shadow)}.qr-empty{text-align:center;color:#94a3b8}.qr-empty p{margin:12px 0 0;font-size:13px}textarea.input{min-height:104px;resize:vertical;line-height:1.5}.input-group{display:flex;align-items:stretch}.input-group__prefix{display:flex;align-items:center;padding:0 11px;background:#f1f5f9;border:1px solid var(--line-2);border-right:0;border-radius:10px 0 0 10px;font-size:13px;color:var(--muted);white-space:nowrap}.input-group .input{border-radius:0 10px 10px 0;min-width:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.row__name a{color:var(--brand);text-decoration:none}.row__name a:hover{text-decoration:underline}.ellipsis{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:860px){.media-card__thumb{width:132px}.qr-box{min-height:240px}}@media(max-width:560px){.input,.select,textarea.input{font-size:16px}.page-head{flex-direction:column;align-items:stretch;gap:12px}.page-head .segmented,.office-tabs{width:100%;margin-bottom:14px}.segmented{display:flex}.segmented__btn{flex:1;justify-content:center;padding:11px 6px;font-size:12.5px;min-height:44px}.card{padding:14px}.dropzone{padding:26px 12px}.dropzone__icon{width:46px;height:46px}.iconbtn{width:42px;height:42px}.btn{padding:12px 16px;min-height:44px}.nav__item{min-width:0;flex:1 1 100%;min-height:48px}.brand__mark{width:36px;height:36px}.media-card{flex-direction:column;align-items:stretch}.media-card__thumb{width:100%}.input-group{flex-wrap:wrap}.input-group__prefix{border-right:1px solid var(--line-2);border-radius:10px 10px 0 0;width:100%}.input-group .input{border-radius:0 0 10px 10px}.toast-stack{left:12px;right:12px;max-width:none}.actions{flex-direction:column;align-items:stretch}.actions .btn{width:100%}}.progress__text--split{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.progress__text--split b{color:var(--brand-2);flex:none;font-variant-numeric:tabular-nums}.bar-indeterminate .progress__fill{width:35%;animation:indeterminate 1.1s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(340%)}}.qr-format-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px}.qr-chip{border:1px solid var(--line-2);background:#fff;border-radius:10px;padding:10px 4px;font-size:12.5px;font-weight:700;color:var(--ink-2);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.qr-chip:hover{border-color:var(--brand);color:var(--brand-2)}.qr-chip--active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 6px 14px -8px #4f46e5cc}.qr-err{margin:10px 0 0;font-size:12.5px;color:var(--err-ink)}.logo-pick{width:100%;border:1.5px dashed var(--line-2);background:#f8fafc;border-radius:10px;padding:16px;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer;display:flex;gap:8px;align-items:center;justify-content:center;margin-top:6px;transition:.15s}.logo-pick:hover{border-color:var(--brand);color:var(--brand-2);background:var(--brand-soft)}.logo-row{display:flex;gap:12px;align-items:center;margin-top:6px}.logo-thumb{width:46px;height:46px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px;flex:none}.row--head{background:#f8fafc}.row--head>span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.zip-path{flex:1;min-width:0;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zip-size{width:88px;flex:none;font-size:12.5px;color:var(--muted);text-align:right}.zip-act{width:46px;flex:none;display:flex;justify-content:flex-end;align-items:center}.zip-stats{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.zip-stats>div{display:flex;flex-direction:column;line-height:1.25}.zip-stats b{font-size:15.5px}.zip-stats span{font-size:11.5px;color:var(--muted)}.zip-stats .btn{margin-left:auto}.input-group--suffix .input{border-radius:10px 0 0 10px;border-right:0}.input-group__suffix{display:flex;align-items:center;padding:0 11px;background:#f1f5f9;border:1px solid var(--line-2);border-left:0;border-radius:0 10px 10px 0;font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}@media(max-width:560px){.qr-format-grid{grid-template-columns:repeat(3,1fr)}.zip-size{display:none}.zip-stats{gap:12px}.zip-stats .btn{margin-left:0;width:100%}.input-group--suffix{flex-wrap:nowrap}}@media(max-width:860px){.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;height:auto;position:sticky;top:0;z-index:40;padding:8px 12px 10px;gap:8px;box-shadow:0 4px 18px -10px #0000008c;border-bottom:1px solid rgba(255,255,255,.08)}.brand{border-bottom:0;padding:0;gap:9px;flex:0 0 auto}.brand__mark{width:32px;height:32px;font-size:13px;border-radius:9px}.brand__name{font-size:14.5px}.brand__sub{display:none}.sidebar__status{margin:0 0 0 auto;padding:5px 9px;font-size:11.5px;border-radius:999px;gap:6px}.nav{flex:1 1 100%;flex-direction:row;flex-wrap:nowrap;margin-top:0;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0 0}.nav::-webkit-scrollbar{display:none}.nav__group{flex-direction:row;gap:7px}.nav__group+.nav__group{margin-top:0}.nav__group-label{display:none}.nav__item{flex:0 0 auto;min-width:0;min-height:40px;padding:7px 13px 7px 9px;gap:7px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;scroll-snap-align:start}.nav__item:hover{background:#ffffff1a}.nav__icon{width:24px;height:24px;border-radius:7px;background:transparent;color:#a5b4fc}.nav__icon svg{width:16px;height:16px}.nav__label{font-size:13px;font-weight:650;white-space:nowrap}.nav__desc{display:none}.nav__item--active{background:#6366f1;border-color:#818cf8;color:#fff;box-shadow:0 6px 14px -8px #6366f1e6}.nav__item--active .nav__icon{background:#ffffff2e;color:#fff}.main{padding:16px 14px 48px}}@media(max-width:560px){.page-head{gap:10px;margin-bottom:14px}.page-head h1{font-size:18.5px;margin-bottom:2px}.page-head p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px}.dropzone{padding:20px 12px}.dropzone__icon{width:42px;height:42px;border-radius:12px;margin-bottom:9px}.dropzone__title{font-size:14px}.row{flex-wrap:nowrap;gap:8px;padding:9px 4px}.row__body{flex:1 1 auto;flex-basis:auto;min-width:0}.row__thumb,.ftile{width:38px;height:38px;border-radius:8px}.row__order{width:22px;height:22px;font-size:11px}.row__name{font-size:13px}.status{font-size:10.5px;padding:3px 7px;gap:4px}.iconbtn{width:36px;height:36px}.iconbtn svg{width:15px;height:15px}.chip{font-size:10.5px;padding:2px 7px}.card h2{font-size:14px}.btn{padding:11px 14px;font-size:13.5px}.segmented__btn{font-size:12px;padding:10px 6px;gap:6px}.qr-box{min-height:220px;padding:14px}.media-card__thumb{width:100%}}.player-box{background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9}.player-box video{width:100%;height:100%;display:block;background:#000}.player-meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:12px}.player-meta .pname{flex:1 1 100%;font-weight:700;font-size:15px;line-height:1.35;min-width:0}.player-box iframe{width:100%;height:100%;border:0;display:block;background:#000}.card__head{align-items:center;gap:12px;flex-wrap:wrap}.nav__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.nav__item:focus-visible{outline:2px solid #818cf8;outline-offset:2px}.row__err{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-break:break-word}select.select,select.input{min-height:40px}.card p,.card .hint{overflow-wrap:anywhere}@media(min-width:861px){.sidebar{overflow-y:auto;overflow-x:hidden;z-index:50;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:99px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar .brand,.sidebar .nav,.sidebar .nav__group,.sidebar .nav__item,.sidebar .sidebar__status{flex:none}}.zip-act{width:auto;min-width:46px;gap:6px}.pw-card{background:#fffbeb;border-color:#fcd34d}.pw-card .card__title svg{color:#b45309}.pw-card--err{background:#fef2f2;border-color:#fca5a5}.pw-card--err .card__title svg{color:#b91c1c}:root{--brand-3: #7c3aed;--grad: linear-gradient(135deg, #4f46e5 0%, #6d28d9 55%, #7c3aed 100%);--grad-soft: linear-gradient(135deg, #eef2ff 0%, #f5f3ff 60%, #faf5ff 100%);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 1px 2px rgba(15, 23, 42, .05), 0 10px 24px -12px rgba(15, 23, 42, .16);--shadow-lg: 0 2px 4px rgba(15, 23, 42, .05), 0 18px 44px -16px rgba(79, 70, 229, .28)}.btn--primary{background:var(--grad);border:none;box-shadow:0 4px 14px -6px #4f46e58c;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px -8px #4f46e599;filter:brightness(1.05)}.btn--primary:active:not(:disabled){transform:translateY(0);filter:brightness(.97)}.btn--success{background:linear-gradient(135deg,#16a34a,#15803d);border:none;box-shadow:0 4px 14px -6px #16a34a80;transition:transform .16s ease,box-shadow .16s ease}.btn--success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px -8px #16a34a8c}.card{border-radius:16px;box-shadow:var(--shadow-md);transition:box-shadow .18s ease,transform .18s ease}@media(hover:hover){.card:hover{box-shadow:var(--shadow-lg)}}.brand__mark{background:var(--grad)!important;box-shadow:0 6px 18px -6px #6d28d9b3}.nav__item{border-radius:11px;position:relative;transition:background .15s ease}.nav__item--active{background:linear-gradient(135deg,#6366f152,#7c3aed52)!important;color:#fff!important;box-shadow:inset 0 0 0 1px #a5b4fc59}.nav__item--active:before{content:"";position:absolute;left:-16px;top:18%;height:64%;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#818cf8,#a78bfa)}.segmented{background:#eef1f7;border-radius:12px;padding:4px;gap:4px}.segmented__btn{border-radius:9px;transition:all .15s ease}.segmented__btn--active{background:var(--grad)!important;color:#fff!important;box-shadow:0 3px 10px -3px #4f46e580}.page-head h1{position:relative;padding-left:14px}.page-head h1:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:4px;background:var(--grad)}.input:focus,.select:focus,textarea.input:focus{border-color:#818cf8;box-shadow:0 0 0 4px #6366f124}.home-hero{background:var(--grad);border-radius:20px;padding:30px 34px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow-lg);margin-bottom:26px;position:relative;overflow:hidden}.home-hero:after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:#ffffff1f}.home-hero:before{content:"";position:absolute;right:90px;bottom:-110px;width:220px;height:220px;border-radius:50%;background:#ffffff14}.home-hero__kicker{display:inline-flex;align-items:center;gap:6px;background:#ffffff29;border:1px solid rgba(255,255,255,.25);padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:600;margin-bottom:14px}.home-hero h1{margin:0 0 8px;font-size:27px;letter-spacing:-.02em;padding:0}.home-hero h1:before{display:none}.home-hero h1 em{font-style:normal;color:#c7d2fe}.home-hero p{margin:0;max-width:560px;color:#ffffffe0;font-size:14.5px}.home-hero__mark{flex:none;width:96px;height:96px;border-radius:26px;background:#ffffff24;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;color:#fff;transform:rotate(-4deg);z-index:1}.home-group{margin-bottom:26px}.home-group__label{font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:14px}.home-card{display:flex;align-items:center;gap:13px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:15px 16px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;font:inherit;color:inherit}.home-card:hover{transform:translateY(-3px);border-color:hsl(var(--hue, 245) 85% 78%);box-shadow:0 14px 30px -14px hsl(var(--hue, 245) 70% 55% / .45)}.home-card__icon{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,hsl(var(--hue, 245) 78% 55%),hsl(calc(var(--hue, 245) + 28) 72% 48%));box-shadow:0 6px 14px -6px hsl(var(--hue, 245) 70% 50% / .6)}.home-card__body{min-width:0}.home-card__name{display:block;font-weight:700;font-size:14.5px;color:var(--ink)}.home-card__desc{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-card__go{margin-left:auto;color:var(--muted);opacity:0;transform:translate(-4px);transition:all .16s ease}.home-card:hover .home-card__go{opacity:1;transform:translate(0);color:var(--brand)}.ipk-card{text-align:center}.ipk-big{font-size:54px;font-weight:800;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}.ipk-scale{height:8px;border-radius:999px;background:#e8ecf5;overflow:hidden;margin-top:12px}.ipk-scale__fill{height:100%;border-radius:999px;background:var(--grad);transition:width .4s ease}.unit-result{background:var(--grad-soft);border:1px solid #dbe3f8;border-radius:12px;padding:14px 16px;font-size:21px;font-weight:700;color:var(--brand-2);margin-top:10px;overflow-wrap:anywhere}.basis-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.basis-item{background:var(--bg, #f8fafc);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.basis-item span{font-size:11.5px;color:var(--muted);font-weight:600;letter-spacing:.03em}.basis-item b{font-size:15px;overflow-wrap:anywhere}.cards-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media(max-width:860px){.cards-2col{grid-template-columns:1fr}}.sandi-box{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:19px;letter-spacing:.04em;background:#0b1220;color:#a5b4fc;border-radius:12px;padding:16px 18px;overflow-wrap:anywhere;margin-bottom:12px}.strength{display:flex;align-items:center;gap:12px;margin-bottom:14px}.strength__bar{flex:1;height:7px;border-radius:999px;background:#e8ecf5;overflow:hidden}.strength__fill{height:100%;border-radius:999px;transition:width .3s ease}.checks{display:flex;flex-wrap:wrap;gap:8px 16px}.check-item{display:inline-flex;align-items:center;gap:7px;font-size:14px;cursor:pointer}.kwitansi-total{display:flex;justify-content:space-between;align-items:center;background:var(--grad-soft);border:1px solid #dbe3f8;border-radius:12px;padding:12px 16px;font-size:17px;margin-top:12px}.kwitansi-total b{color:var(--brand-2);font-size:19px}.tpl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:560px){.tpl-grid{grid-template-columns:repeat(2,1fr)}}.tpl-card{border:1.5px solid var(--line);border-radius:12px;background:var(--surface);padding:10px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all .15s ease;font:inherit}.tpl-card:hover{border-color:var(--line-2);transform:translateY(-1px)}.tpl-card--on{border-color:var(--brand);background:var(--brand-soft, #eef2ff);box-shadow:0 4px 14px -8px #4f46e58c}.tpl-chip{width:100%;height:22px;border-radius:5px;margin-bottom:3px}.tpl-chip--klasik{background:linear-gradient(135deg,#4f46e5,#6d28d9)}.tpl-chip--modern{background:#fff;border-top:4px solid #4f46e5;border-bottom:1px solid #e2e8f0}.tpl-chip--formal{background:#fff;border:2px solid #1f2937}.tpl-chip--elegan{background:#0b1220;border-bottom:3px solid #4f46e5}.tpl-card b{font-size:12.5px;color:var(--ink)}.tpl-card small{font-size:10.5px;color:var(--muted);text-align:center}.swatches{display:flex;gap:7px;flex-wrap:wrap;padding:6px 0 2px}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:inset 0 0 0 1.5px #fff9}.swatch:hover{transform:scale(1.12)}.swatch--on{border-color:var(--ink);box-shadow:0 0 0 2.5px var(--surface),0 0 0 4.5px var(--brand)}.logo-row{display:flex;align-items:center;gap:10px}.logo-prev{height:40px;max-width:110px;object-fit:contain;border:1px solid var(--line);border-radius:8px;padding:4px;background:#fff}.preset-row{display:flex;flex-wrap:wrap;gap:8px}.preset-btn{margin-top:12px}