:root{--bg:#f4f6f9;--surface:#fff;--surface-2:#f8fafc;--surface-3:#eef2f7;--border:#dde3eb;--border-strong:#c6cfdb;--text:#16202e;--text-2:#4a5668;--text-3:#6b7789;--brand:#12233d;--brand-2:#1d3a63;--accent:#e67e1a;--accent-soft:#fdf0e3;--primary:#1f5fbf;--primary-hover:#194f9f;--primary-soft:#e7eefa;--info:#1f6fd1;--info-soft:#e6f0fc;--warn:#b7791f;--warn-soft:#fdf5e2;--danger:#c93030;--danger-soft:#fdeaea;--ok:#1e8a4c;--ok-soft:#e4f5eb;--muted-soft:#eceff3;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814;--shadow-lg:0 10px 30px #1018282e;--radius:12px;--radius-sm:8px;--sidebar-w:248px;--topbar-h:58px;--bottom-h:64px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e141d;--surface:#151d29;--surface-2:#19222f;--surface-3:#202b3a;--border:#2a3646;--border-strong:#3a495d;--text:#e8edf4;--text-2:#b3bfce;--text-3:#8795a8;--brand:#0b1626;--brand-2:#16283f;--accent-soft:#3a2712;--primary:#4d8ee8;--primary-hover:#6aa2ef;--primary-soft:#1a2c47;--info:#5aa1f0;--info-soft:#172a42;--warn:#e3a948;--warn-soft:#33280f;--danger:#ef6b6b;--danger-soft:#3a1818;--ok:#4cc07d;--ok-soft:#10301f;--muted-soft:#222c3a;--shadow:0 1px 2px #0006;--shadow-lg:0 10px 30px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;line-height:1.25}h1{font-size:1.45rem}h2{font-size:1.15rem}h3{font-size:1rem}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:2px}.shell{min-height:100%;display:flex}.sidebar{width:var(--sidebar-w);background:var(--brand);color:#dbe4f0;z-index:30;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .brand{color:#fff;letter-spacing:.2px;align-items:center;gap:10px;padding:16px 18px;font-weight:700;display:flex}.sidebar .brand img{border-radius:8px;width:34px;height:34px}.sidebar .brand small{color:#9fb0c8;letter-spacing:.6px;text-transform:uppercase;font-size:.72rem;font-weight:500;display:block}.sidebar nav{flex:1;padding:6px 10px 16px;overflow-y:auto}.nav-item{color:#c8d3e2;border-radius:9px;align-items:center;gap:12px;margin:2px 0;padding:10px 12px;font-weight:500;display:flex}.nav-item:hover{color:#fff;background:#ffffff12;text-decoration:none}.nav-item.active{color:#fff;box-shadow:inset 3px 0 0 var(--accent);background:#ffffff1f}.nav-item .count{background:var(--accent);color:#fff;border-radius:99px;margin-left:auto;padding:1px 7px;font-size:.72rem;font-weight:700}.nav-item .soon{color:#8ea0b9;border:1px solid #3a4f6e;border-radius:99px;margin-left:auto;padding:0 6px;font-size:.64rem}.nav-section{text-transform:uppercase;letter-spacing:.8px;color:#7f93ad;padding:14px 12px 4px;font-size:.68rem}.sidebar .me{border-top:1px solid #ffffff14;padding:12px 16px;font-size:.85rem}.sidebar .me b{color:#fff;display:block}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-h);z-index:20;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:0 20px;display:flex;position:sticky;top:0}.topbar .title{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:650;overflow:hidden}.topbar .spacer{flex:1}.searchbox{background:var(--surface-3);border:1px solid var(--border);color:var(--text-3);cursor:text;border-radius:10px;align-items:center;gap:8px;min-width:240px;padding:7px 12px;display:flex}.content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:22px}.bottom-nav{display:none}.demo-banner{background:repeating-linear-gradient(45deg, var(--accent-soft), var(--accent-soft) 12px, transparent 12px, transparent 24px);border-bottom:1px solid var(--border);color:var(--text-2);padding:6px 20px;font-size:.82rem}.demo-banner b{color:var(--accent)}@media (max-width:900px){.sidebar{box-shadow:var(--shadow-lg);transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:none}.main{margin-left:0}.content{padding:14px 14px calc(var(--bottom-h) + 22px)}.topbar{padding:0 12px}.searchbox{min-width:0;padding:8px}.searchbox span{display:none}.bottom-nav{height:calc(var(--bottom-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);z-index:25;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a,.bottom-nav button{color:var(--text-3);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.7rem;display:flex;position:relative}.bottom-nav .active{color:var(--primary)}.bottom-nav .plus{background:var(--accent);color:#fff;width:52px;height:52px;box-shadow:var(--shadow-lg);border-radius:50%;place-items:center;margin-top:-22px;display:grid}.bottom-nav .dot{background:var(--danger);color:#fff;border-radius:99px;padding:0 5px;font-size:.62rem;font-weight:700;position:absolute;top:8px;left:calc(50% + 6px)}.hide-mobile{display:none!important}}@media (min-width:901px){.show-mobile{display:none!important}}.scrim{z-index:28;background:#0a101a73;position:fixed;inset:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:16px}.card-h{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.card-h h2,.card-h h3{flex:1}.card-b{padding:14px 16px}.stack{flex-direction:column;gap:14px;display:flex}.stack-sm{flex-direction:column;gap:8px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.grid{gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}@media (max-width:1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.grow{flex:1;min-width:0}.muted{color:var(--text-3)}.small{font-size:.85rem}.tiny{font-size:.76rem}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.88em}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.divider{background:var(--border);height:1px;margin:4px 0}.pre{white-space:pre-wrap}.page-head{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.page-head .t{flex:1;min-width:200px}.page-head p{color:var(--text-3);margin:4px 0 0}.btn{border:1px solid var(--border-strong);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-3);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn-accent:hover{background:color-mix(in srgb, var(--accent) 88%, #000)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:color-mix(in srgb, var(--danger) 88%, #000)}.btn-ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-3)}.btn-sm{border-radius:8px;min-height:32px;padding:4px 10px;font-size:.85rem}.btn-lg{border-radius:14px;min-height:58px;padding:12px 18px;font-size:1.02rem}.btn-block{width:100%}.icon-btn{width:40px;height:40px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:inline-grid;position:relative}.icon-btn:hover{background:var(--surface-3)}.icon-btn .badge-dot{background:var(--danger);color:#fff;border-radius:99px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.66rem;font-weight:700;display:grid;position:absolute;top:4px;right:3px}.big-actions{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.big-action{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:14px;min-height:70px;padding:16px;font-size:1rem;font-weight:700;display:flex}.big-action:hover{border-color:var(--primary);text-decoration:none}.big-action .ic{border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.big-action small{color:var(--text-3);font-size:.8rem;font-weight:500;display:block}.badge{white-space:nowrap;background:var(--muted-soft);color:var(--text-2);border-radius:99px;align-items:center;gap:5px;padding:2px 9px;font-size:.76rem;font-weight:650;display:inline-flex}.b-info{background:var(--info-soft);color:var(--info)}.b-warn{background:var(--warn-soft);color:var(--warn)}.b-danger{background:var(--danger-soft);color:var(--danger)}.b-ok{background:var(--ok-soft);color:var(--ok)}.b-accent{background:var(--accent-soft);color:var(--accent)}.b-demo{background:var(--accent-soft);color:var(--accent);border:1px dashed var(--accent);letter-spacing:.4px;padding:0 6px;font-size:.66rem}.dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field>span{color:var(--text-2);font-size:.84rem;font-weight:600}.field .req{color:var(--danger)}.field .hint{color:var(--text-3);font-size:.78rem;font-weight:400}.input,.select,.textarea{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;width:100%;min-height:44px;padding:9px 12px}.textarea{resize:vertical;min-height:90px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);outline:3px solid color-mix(in srgb, var(--primary) 20%, transparent)}.check{cursor:pointer;align-items:center;gap:10px;min-height:40px;display:flex}.check input{width:20px;height:20px;accent-color:var(--primary);flex:none}.form-error{background:var(--danger-soft);color:var(--danger);white-space:pre-wrap;border-radius:10px;padding:10px 12px;font-size:.9rem}.form-ok{background:var(--ok-soft);color:var(--ok);border-radius:10px;padding:10px 12px;font-size:.9rem}.form-info{background:var(--info-soft);color:var(--info);border-radius:10px;padding:10px 12px;font-size:.9rem}.table-wrap{overflow-x:auto}table.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;padding:10px 12px;font-size:.74rem;font-weight:650}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.table tr.click{cursor:pointer}.table tr.click:hover td{background:var(--surface-2)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.list-item{border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:12px;padding:12px 16px;display:flex}.list-item:last-child{border-bottom:0}a.list-item:hover,button.list-item:hover{background:var(--surface-2);text-decoration:none}button.list-item{border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;width:100%}.list-item .ttl{font-weight:600}.empty{text-align:center;color:var(--text-3);padding:28px 16px}.empty svg{opacity:.5;margin-bottom:6px}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:14px;display:flex;overflow-x:auto}.tab{color:var(--text-3);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font-weight:600}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.seg{background:var(--surface-3);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:inline-flex}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;color:var(--text-2);border-radius:99px;padding:5px 12px;font-size:.84rem;font-weight:600}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.kpi{padding:14px 16px}.kpi .v{font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:750;line-height:1.1}.kpi .l{color:var(--text-3);font-size:.84rem;font-weight:600}.kpi .s{color:var(--text-3);margin-top:2px;font-size:.8rem}.progress{background:var(--surface-3);border-radius:99px;height:8px;overflow:hidden}.progress>i{background:var(--primary);border-radius:99px;height:100%;display:block}.stackbar{background:var(--surface-3);border-radius:99px;gap:2px;height:12px;display:flex;overflow:hidden}.stackbar>i{height:100%;display:block}.legend{color:var(--text-2);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:.8rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.hello{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%);color:#fff;box-shadow:var(--shadow);border-radius:16px;padding:22px}.hello h1{font-size:1.5rem}.hello .sub{color:#c9d6e8;margin-top:4px}.hello .counts{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.hello .counts span{background:#ffffff1f;border-radius:99px;padding:6px 12px;font-size:.9rem;font-weight:600}.kanban{grid-auto-columns:minmax(260px,1fr);grid-auto-flow:column;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.kcol{background:var(--surface-3);border-radius:12px;flex-direction:column;gap:8px;min-height:200px;padding:10px;display:flex}.kcol.over{outline:2px dashed var(--primary)}.kcol h3{align-items:center;gap:8px;padding:2px 4px 6px;font-size:.86rem;display:flex}.kcard{background:var(--surface);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow);color:var(--text);border-radius:10px;padding:10px 12px;display:block}.kcard:hover{border-color:var(--primary);text-decoration:none}.kcard .t{margin:2px 0 6px;font-weight:600}.cal{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal .dh{text-transform:uppercase;color:var(--text-3);border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-2);padding:6px;font-size:.74rem;font-weight:650}.cal .d{border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:3px;min-width:0;min-height:104px;padding:4px;display:flex}.cal .d.other{background:var(--surface-2);color:var(--text-3)}.cal .d.today .n{background:var(--primary);color:#fff}.cal .n{border-radius:50%;place-items:center;width:24px;height:24px;font-size:.78rem;font-weight:700;display:grid}.cal .ev{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:var(--surface-3);color:var(--text);border-left:3px solid;border-radius:6px;padding:2px 6px;font-size:.74rem;display:block;overflow:hidden}.cal .ev:hover{filter:brightness(.96);text-decoration:none}@media (max-width:700px){.cal .d{min-height:64px}.cal .ev{padding:1px 3px;font-size:.64rem}}.timeline{padding-left:22px;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:4px;bottom:4px;left:7px}.tl{padding:0 0 14px;position:relative}.tl:before{content:"";background:var(--surface);border:2px solid var(--primary);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-20px}.tl.done:before{background:var(--ok);border-color:var(--ok)}.tl.todo:before{border-color:var(--border-strong)}.tl.bad:before{background:var(--danger);border-color:var(--danger)}.tl .when{color:var(--text-3);font-size:.78rem}.steps{flex-wrap:wrap;gap:4px;display:flex}.step{text-align:center;background:var(--surface-3);min-width:90px;color:var(--text-3);border-top:3px solid var(--border-strong);border-radius:8px;flex:1;padding:8px 4px 6px;font-size:.72rem;font-weight:650}.step.done{background:var(--ok-soft);color:var(--ok);border-top-color:var(--ok)}.step.current{background:var(--primary-soft);color:var(--primary);border-top-color:var(--primary)}.step.bad{background:var(--danger-soft);color:var(--danger);border-top-color:var(--danger)}.modal-bg{z-index:60;background:#0a101a80;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:min(640px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;display:flex}.modal.wide{width:min(920px,100%)}.modal-h{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.modal-h h2{flex:1}.modal-b{padding:16px;overflow-y:auto}.modal-f{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}@media (max-width:700px){.modal-bg{place-items:end stretch;padding:0}.modal,.modal.wide{border-radius:18px 18px 0 0;width:100%;max-height:92dvh}.modal-f .btn{flex:1}}.toasts{z-index:80;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}@media (max-width:900px){.toasts{bottom:calc(var(--bottom-h) + 14px);left:16px;right:16px}}.toast{background:var(--brand);color:#fff;box-shadow:var(--shadow-lg);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.92rem;display:flex}.toast.err{background:var(--danger)}.toast.ok{background:var(--ok)}.sync-pill{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:99px;align-items:center;gap:7px;padding:5px 10px;font-size:.8rem;font-weight:650;display:inline-flex}.pending-chip{color:var(--warn);background:var(--warn-soft);border-radius:99px;align-items:center;gap:4px;padding:1px 7px;font-size:.7rem;font-weight:700;display:inline-flex}.error-chip{color:var(--danger);background:var(--danger-soft);border-radius:99px;align-items:center;gap:4px;padding:1px 7px;font-size:.7rem;font-weight:700;display:inline-flex}.auth-wrap{background:linear-gradient(160deg, var(--brand) 0%, var(--brand-2) 60%, var(--bg) 60%);place-items:center;min-height:100%;padding:20px;display:grid}.auth-card{width:min(420px,100%);padding:26px}.auth-card .logo{align-items:center;gap:12px;margin-bottom:18px;display:flex}.auth-card .logo img{border-radius:12px;width:48px;height:48px}.pending-module{text-align:center;max-width:720px;margin:20px auto;padding:32px 22px}.pending-module .ic{background:var(--warn-soft);width:64px;height:64px;color:var(--warn);border-radius:16px;place-items:center;margin:0 auto 12px;display:grid}.pending-module ul{text-align:left;color:var(--text-2);display:inline-block}.perm-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px 16px;display:grid}.kv{grid-template-columns:max-content 1fr;gap:6px 14px;font-size:.92rem;display:grid}.kv dt{color:var(--text-3)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}@media (max-width:520px){.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:8px}}.mark{background:color-mix(in srgb, var(--accent) 30%, transparent);color:inherit;border-radius:3px}.detail-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (max-width:900px){.detail-grid{grid-template-columns:minmax(0,1fr)}}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}:root{--text-3:#5b6778}@media (prefers-color-scheme:dark){:root{--text-3:#9aa7b8}}.list-item .ttl{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.todo-action{white-space:nowrap;padding:4px 10px;font-size:.8rem}.todo-card .card-h{background:var(--accent-soft);border-radius:var(--radius) var(--radius) 0 0}.todo-card .card-h h3{color:var(--text)}@media (max-width:900px){body{font-size:16px}.small{font-size:.9rem}.tiny{font-size:.8rem}.big-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.big-action{flex-direction:column;align-items:flex-start;gap:8px;min-height:96px;padding:14px 12px;font-size:.92rem}.big-action small{font-size:.78rem}.btn{min-height:44px}.btn-sm{min-height:38px}.btn-lg{min-height:56px}.input,.select{min-height:48px;font-size:16px}}.more-opts summary{cursor:pointer;color:var(--primary);min-height:40px;padding:8px 0;font-weight:600}.kanban{grid-auto-columns:minmax(200px,1fr)}@media (max-width:900px){.kanban{scroll-snap-type:x mandatory;grid-auto-columns:82%}.kcol{scroll-snap-align:start}.todo-card .list-item{flex-direction:column;align-items:flex-start;gap:6px}.todo-card .list-item .ttl{-webkit-line-clamp:3}}.sidebar .brand img{object-fit:contain;border-radius:0;flex:none;width:auto;height:38px}.auth-card .logo img{object-fit:contain;border-radius:0;width:auto;height:76px}.pin-dots{justify-content:center;gap:12px;margin:6px 0 4px;display:flex}.pin-dots i{border:2px solid var(--border-strong);border-radius:50%;width:16px;height:16px;display:block}.pin-dots i.on{background:var(--primary);border-color:var(--primary)}.pin-pad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:300px;margin:0 auto;display:grid}.pin-pad button{border:1px solid var(--border-strong);background:var(--surface);min-height:64px;color:var(--text);cursor:pointer;border-radius:14px;place-items:center;font-size:1.5rem;font-weight:700;display:grid}.pin-pad button:active{background:var(--surface-3)}.pin-pad button.ok{background:var(--primary);color:#fff;border-color:var(--primary);font-size:1.1rem}.pin-pad button:disabled{opacity:.5}.att-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.att-actions.m{grid-template-columns:repeat(2,minmax(0,1fr))}.att-actions .btn{white-space:normal;text-align:center;min-width:0;padding-left:10px;padding-right:10px;line-height:1.15}.att-actions.m>button:first-child{grid-column:1/-1}.att-sec{align-items:center;gap:6px;margin-bottom:8px;font-size:.9rem;font-weight:700;display:flex}.att-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.att-tile{border:1px solid var(--border);background:var(--surface-2,var(--surface-3));cursor:pointer;aspect-ratio:1;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.att-tile.t-err{border-color:var(--danger);border-width:2px}.att-tile.t-pend,.att-tile.t-up{border-color:var(--warn)}.att-img{background:var(--surface-3);place-items:center;width:100%;height:100%;display:grid}.att-img img{object-fit:cover;width:100%;height:100%;display:block}.att-img.big{min-height:220px}.att-img.big img{object-fit:contain}.att-dot{background:#ffffffd9;border-radius:99px;padding:2px 3px;font-size:.85rem;line-height:1;position:absolute;top:4px;right:4px}.att-cap{color:#fff;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000a6);padding:3px 6px;font-size:.7rem;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.att-x{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:4px;right:4px}.att-bar{background:var(--border);vertical-align:middle;border-radius:99px;width:90px;height:6px;display:inline-block;overflow:hidden}.att-bar i{background:var(--primary);height:100%;transition:width .2s;display:block}.att-bar.abs{width:auto;position:absolute;bottom:6px;left:6px;right:6px}.att-status{flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:flex}.att-status.t-err{color:var(--danger)}.att-status.t-pend,.att-status.t-up{color:var(--warn)}.att-status.t-ok{color:var(--ok)}.att-docs{border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.att-doc{border:0;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font:inherit;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 12px;display:flex}.att-doc:last-child{border-bottom:0}.att-doc.static{cursor:default}.att-doc-ic{color:var(--primary);flex:none}.att-full{background:#111;border-radius:12px;place-items:center;display:grid;overflow:hidden}.att-full img{object-fit:contain;max-width:100%;max-height:65vh;display:block}.att-preview{object-fit:contain;background:#111;border-radius:12px;width:100%;max-height:40vh}@media (max-width:900px){.att-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.trace{flex-wrap:wrap;gap:8px;display:flex}.trace-step{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex:140px;min-width:130px;padding:8px 10px;position:relative}.trace-step.done{border-color:var(--ok);background:var(--ok-soft)}.trace-arrow{color:var(--text-3);background:var(--surface);z-index:1;border-radius:50%;position:absolute;top:50%;right:-11px;transform:translateY(-50%)}.why{border-left:3px solid var(--primary);padding:4px 0 4px 10px}.pr-line{border-bottom:1px dashed var(--border);flex-wrap:wrap;align-items:flex-start;gap:8px;padding-bottom:8px;display:flex}.receipt-line{border:1px solid var(--border);border-radius:12px;padding:10px 12px}.receipt-line .ttl{font-weight:700}.quote-table tr.sel td{background:var(--ok-soft)}.quote-table tr.off td{opacity:.55}@media (max-width:900px){.trace-arrow{display:none}.trace-step{flex-basis:100%}}