:root{--bg:#f3f5f7;--panel:#fff;--panel-soft:#f0f3f6;--line:#e2e6eb;--line-strong:#cbd2da;--text:#1a222c;--text-soft:#5b6673;--dim:#8a94a0;--pri:#0e7c86;--pri-dark:#0a5c64;--pri-soft:#e3f3f4;--pri-line:#9ed2d6;--on-pri:#fff;--pri-grad-a:#0e7c86;--pri-grad-b:#0e7c86;--org:#e11d48;--org-soft:#e11d481a;--ok:#1f7a3a;--ok-soft:#e4f3e8;--ok-line:#a7d9b5;--warn:#9a6700;--warn-soft:#fbf1d6;--amber-line:#ead9a0;--bad:#b42318;--bad-soft:#fce8e6;--bad-line:#f3b9b3;--neutral-soft:#f1f5f9;--veil:#0f172a73;--shadow:none;--shadow-lift:0 2px 4px #0f172a0f, 0 12px 32px #0f172a14;--ease-out:cubic-bezier(.23, 1, .32, 1);--mono:"IBM Plex Mono", "Cascadia Mono", Consolas, monospace;color:var(--text);font-family:Noto Sans KR,Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:13px;line-height:1.45}*{box-sizing:border-box}body{background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--pri);text-decoration:none}svg.i{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:15px;height:15px}.brand{white-space:nowrap;color:var(--text);align-items:center;gap:8px;font-size:14.5px;font-weight:750;display:flex}.logo{background:linear-gradient(155deg, var(--pri-grad-a), var(--pri-grad-b));color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.logo svg.i{width:14px;height:14px}.brand .org{color:var(--pri)}.standalone{background:radial-gradient(1100px 460px at 50% -14%, var(--pri-soft), #f8fafc00 70%), var(--bg);place-items:center;min-height:100vh;padding:48px 24px;display:grid}.login-wrap{gap:18px;width:100%;max-width:372px;display:grid}.login-head{align-items:center;gap:12px;display:flex}.login-head .logo{border-radius:10px;width:38px;height:38px;box-shadow:0 1px 2px #1d4ed84d,0 6px 16px #1d4ed838}.login-head .logo svg.i{width:19px;height:19px}.login-head .brand{letter-spacing:-.2px;font-size:19px;line-height:1.1;display:block}.login-head .subtitle{color:var(--dim);margin-top:3px;font-size:12px}.login-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-lift);border-radius:14px;gap:14px;padding:26px 24px;display:grid}.login-card label{color:var(--text-soft);gap:6px;margin:0;font-size:12px;font-weight:650;display:grid}.login-card .input{height:40px;padding:0 12px;font-size:13.5px}.login-card .btn.primary{height:42px;margin-top:4px;font-size:13.5px}.login-foot{color:var(--dim);flex-wrap:wrap;justify-content:center;gap:6px;font-size:12px;display:flex}.login-domain{text-align:center;font-family:var(--mono);letter-spacing:.2px;color:var(--dim);font-size:11px}.hint{color:var(--dim);font-size:11.5px;line-height:1.5}.alert{border:1px solid var(--bad-line);background:var(--bad-soft);color:var(--bad);border-radius:9px;gap:2px;padding:11px 13px;font-size:12px;line-height:1.55;display:grid}label{color:var(--text-soft);margin:12px 0 6px;font-size:12px;font-weight:500;display:block}.input,select.input,textarea.input{border:1px solid var(--line);background:var(--panel);width:100%;height:32px;color:var(--text);border-radius:6px;padding:0 10px;font-size:13px}textarea.input{height:auto;padding:8px 10px}.input:focus{outline:2px solid var(--pri-soft);border-color:var(--pri)}.input[readonly]{background:var(--panel-soft);color:var(--text-soft)}.btn{border:1px solid var(--line);background:var(--panel);height:32px;color:var(--text);white-space:nowrap;cursor:pointer;transition:transform .16s var(--ease-out), background-color .15s ease, border-color .15s ease;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{border-color:var(--pri);background:var(--pri);color:var(--on-pri);font-weight:600}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{border-color:var(--bad-line);color:var(--bad)}.btn.sm{height:28px;padding:0 10px;font-size:12px}.btn svg.i{opacity:.9;width:14px;height:14px}.btn.ico{width:34px;padding:0}.btn.sm.ico{width:30px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn.block{width:100%}.badge{white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:6px;height:6px}.b-ok{background:var(--ok-soft);color:var(--ok)}.b-warn{background:var(--warn-soft);color:var(--warn)}.b-bad{background:var(--bad-soft);color:var(--bad)}.b-gray{background:var(--neutral-soft);color:var(--dim)}.b-new{background:var(--pri-soft);color:var(--pri-dark)}.b-org{background:var(--org-soft);color:var(--org)}.sub{color:var(--dim);font-size:11.5px}.mono{font-family:var(--mono);font-size:12px}.note{color:var(--dim);margin-top:8px;font-size:11.5px;line-height:1.5}.num{text-align:right}td,.tile .v,.num,.mono{font-variant-numeric:tabular-nums}.shell{min-height:100vh;display:flex;overflow-x:clip}aside{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;flex-shrink:0;width:224px;display:flex}aside .brand{border-bottom:1px solid var(--line);height:56px;padding:0 14px}nav{align-content:start;gap:2px;padding:10px 10px 14px;display:grid}nav .nav-label{color:var(--dim);letter-spacing:.3px;margin:14px 10px 4px;font-size:11px;font-weight:700}nav a{height:34px;color:var(--text-soft);border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:0 10px;font-size:13.5px;font-weight:600;display:flex}nav a svg.i{opacity:.65}nav a.on{background:var(--pri-soft);border-color:var(--pri-line);color:var(--pri-dark);font-weight:700}nav a.on svg.i{opacity:1}nav .count{background:var(--org);color:#fff;border-radius:99px;margin-left:auto;padding:1px 7px;font-size:10.5px;font-weight:700}.content{flex-direction:column;flex-grow:1;min-width:0;display:flex}.hbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);z-index:20;background:#fffc;align-items:center;gap:12px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.hbar h2{letter-spacing:-.1px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.hbar .grow{flex-grow:1}.acct{align-items:center;gap:12px;display:flex}.acct .who{text-align:right;gap:1px;min-width:0;display:grid}.acct .who .mail{color:var(--pri);text-overflow:ellipsis;white-space:nowrap;justify-content:flex-end;align-items:center;gap:5px;max-width:240px;font-size:12px;font-weight:700;display:inline-flex;overflow:hidden}.acct .who .mail svg.i{width:13px;height:13px}.acct .who .role{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:10.5px;line-height:1;overflow:hidden}select.lang{width:auto;height:30px;color:var(--text-soft);padding:0 8px;font-size:12px;font-weight:650}.body{align-content:start;gap:18px;padding:20px 24px 48px;display:grid}.pagebar{flex-wrap:wrap;align-items:center;gap:8px;min-height:34px;display:flex}.pagebar .ctx{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.pagebar .hsub{color:var(--text-soft);font-size:13px}.pagebar .acts{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.pagebar form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagebar .input{width:auto}.pagebar .search{width:260px}.card{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:auto hidden}.card h3{border-bottom:1px solid var(--line);min-height:48px;color:var(--text);justify-content:space-between;align-items:center;gap:8px;margin:0;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.card h3 a{font-size:12px;font-weight:650}.card h3 .hact{align-items:center;gap:6px;display:inline-flex}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.tile{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:6px;padding:15px 16px;display:grid}.tile .k{color:var(--dim);align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.tile .k .ic{background:var(--pri-soft);width:25px;height:25px;color:var(--pri-dark);border-radius:8px;place-items:center;display:grid}.tile .k .ic svg.i{width:14px;height:14px}.tile .v{letter-spacing:-.3px;font-size:24px;font-weight:750;line-height:1}.tile .d{color:var(--text-soft);font-size:12px}.tile.warn .d{color:var(--warn)}.tile.bad .d{color:var(--org)}.tile.ok .d{color:var(--ok)}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:1100px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:1fr}}table{border-collapse:collapse;width:100%}th{text-align:left;height:36px;color:var(--dim);letter-spacing:.2px;white-space:nowrap;background:var(--panel-soft);border-bottom:1px solid var(--line);padding:0 12px;font-size:11.5px;font-weight:750}td{white-space:nowrap;border-bottom:1px solid var(--line);height:46px;padding:0 12px;font-size:13px}tbody tr:last-child td{border-bottom:0}td.mono{font-family:var(--mono);font-size:12px}th.num,td.num{text-align:right}tr.dim td{opacity:.5}.grid2 .card td:has(.sub){white-space:normal}tbody tr.clickable{cursor:pointer}tbody tr.clickable td a.row{color:inherit;height:46px;margin:0 -12px;padding:0 12px;line-height:46px;display:block}.foot{color:var(--dim);border-top:1px solid var(--line);justify-content:space-between;padding:9px 12px;font-size:11.5px;display:flex}.empty{text-align:center;color:var(--dim);padding:28px;font-size:12.5px}th.sel,td.sel{width:34px;padding:0 0 0 12px}td.sel label{cursor:pointer;place-items:center start;height:46px;margin:0;display:grid}th.sel input,td.sel input{width:15px;height:15px;accent-color:var(--pri);cursor:pointer;vertical-align:middle;margin:0}tbody tr.selected td{background:var(--pri-soft)}.bulkbar{background:var(--pri-soft);border-bottom:1px solid var(--pri-line);color:var(--pri-dark);flex-wrap:wrap;align-items:center;gap:6px;padding:7px 12px;font-size:12px;display:flex}.bulkbar b{margin-right:6px}.tabbar{border-bottom:1px solid var(--line);gap:2px;display:flex;overflow-x:auto}.tabbar a{color:var(--text-soft);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 14px;font-size:13px;font-weight:650;display:inline-flex}.tabbar a.on{color:var(--pri-dark);border-bottom-color:var(--pri)}.tabbar .n{background:var(--neutral-soft);color:var(--dim);border-radius:99px;padding:1px 7px;font-size:10.5px;font-weight:700}.tabbar a.on .n{background:var(--pri-soft);color:var(--pri-dark)}.tabpane{align-content:start;gap:18px;display:grid}.tabs{background:var(--panel-soft);border:1px solid var(--line);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.tabs a,.tabs button{color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:4px 12px;font-size:12px;font-weight:650}.tabs a.on,.tabs button.on{background:var(--panel);color:var(--pri-dark);box-shadow:var(--shadow)}.overlay{z-index:60;position:fixed;inset:0}.veil{background:var(--veil);animation:.16s ease-out fade;display:block;position:absolute;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:none}}.drawer{background:var(--panel);width:min(640px,96vw);box-shadow:var(--shadow-lift);border-left:1px solid var(--line);animation:.28s cubic-bezier(.32,.72,0,1) drawer-in;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.modal{border:1px solid var(--line);background:var(--panel);width:min(560px,92vw);max-height:92vh;box-shadow:var(--shadow-lift);animation:modal-in .2s var(--ease-out);border-radius:14px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.modal.narrow{width:min(440px,92vw)}.modal.wide{width:min(940px,96vw)}.dhead{border-bottom:1px solid var(--line);background:var(--panel);z-index:1;align-items:center;gap:10px;height:54px;padding:0 20px;display:flex;position:sticky;top:0}.dhead h3{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:14.5px;font-weight:750;overflow:hidden}.dhead h3 .sub{margin-top:1px;font-size:11.5px;font-weight:500;display:block}.dhead .tabs{margin-right:6px}.dbody{padding:18px 20px}.kv{grid-template-columns:130px 1fr;align-items:start;row-gap:9px;font-size:13px;display:grid}.kv>div:nth-child(odd){color:var(--dim);padding-top:2px;font-size:12px;font-weight:650}.section{margin-top:20px}.section h4{color:var(--dim);letter-spacing:.4px;margin:0 0 8px;font-size:11px;font-weight:750}.section table{border:1px solid var(--line);border-radius:9px;overflow:hidden}.drawer .section{overflow-x:auto}.actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;padding-top:16px;display:flex}.actions form{display:contents}.form2{grid-template-columns:1fr 1fr;column-gap:14px;display:grid}.form2 .full{grid-column:1/-1}.form3{grid-template-columns:1fr 1fr 1fr;column-gap:14px;display:grid}.form3 .full{grid-column:1/-1}.notice{border:1px solid var(--amber-line);background:#fffbeb;border-radius:10px;gap:6px;margin-top:14px;padding:14px;display:grid}.notice .key{font-family:var(--mono);letter-spacing:.06em;color:var(--warn);justify-content:center;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.notice .note{color:var(--warn);margin:0}.notice.bad{border-color:var(--bad-line);background:var(--bad-soft)}.notice.bad .note,.notice.bad b{color:var(--bad)}.acct-note{border:1px solid var(--pri-line);background:var(--pri-soft);color:var(--pri-dark);word-break:keep-all;border-radius:8px;gap:4px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.55;display:grid}.acct-note b{font-size:12.5px}.narrow{max-width:560px}.confirm-form:invalid .btn.danger[type=submit]{opacity:.5;pointer-events:none}.items th,.items td{height:40px}.items input.input,.items select.input{height:30px}.banner{border:1px solid var(--amber-line);color:#8a5106;background:#fffbeb;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}.banner.bad{border-color:var(--bad-line);background:var(--bad-soft);color:var(--bad)}.banner.ok{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok)}.banner .btn{margin-left:auto}.radio{flex-wrap:wrap;align-items:center;gap:16px;min-height:34px;display:flex}.radio label{align-items:center;gap:6px;margin:0;font-weight:600;display:inline-flex}.radio input{width:auto;accent-color:var(--pri);margin:0}.chk{align-items:flex-start;gap:8px;margin:0;font-size:12.5px;font-weight:600;line-height:1.45;display:flex}.chk input{width:auto;accent-color:var(--pri);margin-top:3px}.stat4{border-bottom:1px solid var(--line);background:var(--panel-soft);grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px 16px;display:grid}.stat4>div{gap:3px;display:grid}.stat4 .k{color:var(--dim);font-size:11px;font-weight:650}.stat4 .v{font-size:15px;font-weight:750}.totals{background:var(--panel-soft);border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:6px 24px;margin-top:12px;padding:10px 12px;font-size:13px;display:grid}.totals .k{color:var(--dim);font-weight:650}.totals .v{text-align:right;font-variant-numeric:tabular-nums}.totals .t{color:var(--text);font-size:15px;font-weight:800}.monthnav{align-items:center;gap:4px;font-size:13.5px;font-weight:750;display:inline-flex}.monthnav .btn{width:30px;padding:0}.docframe{aspect-ratio:210/297;border:1px solid var(--line);background:#fff;border-radius:4px;width:100%;display:block}.chips{border:1px solid var(--line-strong);background:var(--panel);cursor:text;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:34px;padding:3px 6px;display:flex}.chip{background:var(--pri-soft);color:var(--pri-dark);border-radius:99px;align-items:center;gap:2px;padding:2px 3px 2px 9px;font-size:12px;font-weight:600;display:inline-flex}.chip button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 5px;font-size:13px;line-height:1}.chips input{background:0 0;border:0;outline:0;flex:1;min-width:150px;height:26px;font-size:13px}.todo-grid{background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}@media (max-width:1100px){.todo-grid{grid-template-columns:1fr}}.todo-item{background:var(--panel);color:var(--text);align-items:center;gap:12px;padding:14px 16px;transition:background-color .15s;display:flex}.todo-item .ic{background:var(--pri-soft);width:34px;height:34px;color:var(--pri-dark);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.todo-item .ic.warn{background:var(--warn-soft);color:var(--warn)}.todo-item .ic.bad{background:var(--bad-soft);color:var(--bad)}.todo-item .t{gap:2px;min-width:0;display:grid}.todo-item .t b{font-size:13.5px}.todo-item .go{color:var(--pri);white-space:nowrap;margin-left:auto;padding-left:8px;font-size:12px;font-weight:700}@media (hover:hover) and (pointer:fine){.todo-item:hover{background:var(--panel-soft)}}.pill-strip{border-bottom:1px solid var(--line);background:var(--panel-soft);color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.pill{background:var(--panel);border:1px solid var(--line);border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:650;display:inline-flex}.pill.bad{border-color:var(--bad-line);color:var(--bad)}.pill.warn{border-color:var(--amber-line);color:var(--warn)}.q2{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.q2 .col{gap:18px;display:grid}.form4{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 14px;padding:4px 18px 18px;display:grid}.form4 .full{grid-column:1/-1}.form4 .half{grid-column:span 2}.form4 label{margin:14px 0 6px}.form4 .lsub{color:var(--dim);font-weight:400}.form4 .sep{border-top:1px solid var(--line);margin-top:16px}.form4 .row2{align-items:center;gap:8px;display:flex}.form4 .row2 .input{flex:none;min-width:0}.form4 .ro{align-items:center;min-height:32px;font-size:13px;display:flex}.form4 .ro.pre{white-space:pre-wrap;align-items:flex-start;padding-top:6px}.hint{color:var(--dim);font-size:11.5px}.nowrap{white-space:nowrap}.issuer-row{align-items:center;gap:14px;display:flex}.issuer-row .input,.issuer-row .ro{flex:0 0 360px;width:360px}.issuer-line{min-width:0;color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.items2 th:first-child,.items2 td:first-child{width:40px;color:var(--dim);padding-left:18px}.items2 td.num .input{text-align:right}.items2 th:last-child,.items2 td:last-child{padding-right:18px}.foot2{border-top:1px solid var(--line);color:var(--text-soft);align-items:center;gap:22px;padding:12px 18px;font-size:13px;display:flex}.foot2 b{color:var(--text)}.foot2 .grow{flex:1}.foot2 .total{color:var(--text);font-size:15px;font-weight:800}.summary .rows{padding:4px 18px 10px}.summary .row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;font-size:13px;display:flex}.summary .row:last-child{border-bottom:0}.summary .row .k{color:var(--dim);white-space:nowrap;font-size:12px}.summary .row .v{text-align:right;overflow-wrap:anywhere;font-size:12.5px;font-weight:600}.summary .row .v.big{font-size:14px;font-weight:700}.lock{border:1px solid var(--line);background:var(--panel-soft);color:var(--dim);border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}@media (max-width:1100px){.q2{grid-template-columns:1fr}.form4{grid-template-columns:repeat(2,minmax(0,1fr))}.issuer-row{flex-wrap:wrap}}.timeline{gap:12px;margin:0;padding:12px 16px 16px;list-style:none;display:grid}.timeline li{grid-template-columns:10px minmax(0,1fr);gap:10px;font-size:12.5px;line-height:1.45;display:grid}.timeline .dot{background:var(--line-strong);border-radius:50%;width:8px;height:8px;margin-top:5px}.timeline .dot.mail{background:var(--pri)}.timeline .when{color:var(--dim);font-size:11.5px;display:block}.more{display:inline-flex}.menu{z-index:80;border:1px solid var(--line);background:var(--panel);min-width:170px;box-shadow:var(--shadow-lift);transform-origin:100% 0;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);border-radius:10px;gap:2px;padding:6px;display:grid;position:fixed}.more:not(.open) .menu{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .11s,transform .11s,visibility 0s .11s;transform:scale(.97)}.menu a,.menu button{height:32px;font:inherit;color:var(--text-soft);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;padding:0 10px;font-size:12.5px;font-weight:600;display:flex}.menu .danger{color:var(--bad)}.menu form{display:contents}#toast{z-index:90;background:var(--text);color:#fff;max-width:min(640px,92vw);box-shadow:var(--shadow-lift);transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);border-radius:9px;padding:9px 14px;font-size:12.5px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#toast.bad{background:var(--bad)}#toast:not(.show){opacity:0;pointer-events:none;transition-duration:.14s;transform:translate(-50%,8px)}.pw{display:block;position:relative}.pw .input{padding-right:40px}.pw .eye{width:28px;height:28px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;margin-top:-14px;display:grid;position:absolute;top:50%;right:6px}.keypill{background:var(--neutral-soft);border:1px solid var(--line);font-family:var(--mono);letter-spacing:.03em;border-radius:8px;align-items:center;gap:4px;padding:3px 4px 3px 10px;font-size:12.5px;display:inline-flex}.keypill code{font:inherit}.icon{cursor:pointer;color:var(--dim);background:0 0;border:0;border-radius:6px;place-items:center;padding:5px;line-height:0;display:inline-grid}.icon.done{color:var(--ok);align-items:center;display:inline-flex}.icon.done:after{content:attr(data-done);padding-left:4px;font-family:Segoe UI,sans-serif;font-size:11px;font-weight:650;line-height:1}:is(.btn,nav a,.tabbar a,.tabs a,.tabs button,.menu a,.menu button,a):focus-visible{outline:2px solid var(--pri);outline-offset:2px}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--panel-soft)}.btn.primary:hover{background:linear-gradient(178deg, var(--pri-grad-a), var(--pri-grad-b));filter:brightness(1.06)}.btn.danger:hover{background:var(--bad-soft)}nav a:hover,tbody tr:hover td{background:var(--panel-soft)}tbody tr.selected:hover td{background:var(--pri-soft)}.tabbar a:hover{color:var(--text)}.icon:hover,.pw .eye:hover{background:var(--panel-soft);color:var(--text-soft)}.menu a:hover,.menu button:hover{background:var(--panel-soft)}}@media (prefers-reduced-motion:reduce){.modal,.drawer{animation:.15s ease-out fade}.btn:active{transform:none}.menu,#toast{transition:opacity .15s}.more:not(.open) .menu,#toast:not(.show){transform:none}}
