@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-cyrillic-ext-wght-normal-BCp_3N7R.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-cyrillic-wght-normal-fOt7epNf.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-greek-ext-wght-normal-Bgw4czJT.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-greek-wght-normal-DlT9XTxE.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-math-wght-normal-4a3xuzGk.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-symbols-wght-normal-B7iHSfaG.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-vietnamese-wght-normal-_f1XEJpo.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-latin-ext-wght-normal-DYIxWhlt.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-latin-wght-normal-ccAYIvAh.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-outlined-CP_JrVKe.woff2)format("woff2")}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}:root{--font:"Roboto Variable", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--mono:"JetBrains Mono", "Cascadia Code", "SFMono-Regular", Menlo, Consolas, monospace;--ease:cubic-bezier(.2, 0, 0, 1);--nav-width:272px;--radius-l:28px;--radius-m:20px;--radius-s:12px;font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0;overflow-x:hidden}body{background:var(--app-bg,#f6faf8)}h1,h2,h3,p,dl,dd,ol,ul,pre{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--md-sys-color-primary)}.app-theme{height:100%;min-height:100dvh;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container);font-family:var(--font);font-size:14px;line-height:20px;display:block}.mono{font-family:var(--mono);letter-spacing:.01em;font-size:.95em}.muted{color:var(--md-sys-color-on-surface-variant)}.small{font-size:12px;line-height:16px}.center{text-align:center;justify-items:center;gap:8px;display:grid}.wide{width:100%}.grow{flex:1;min-width:0}m3e-icon.spinning{animation:1s linear infinite spin}m3e-icon.star,.row-badge.star{color:#e8a400}@keyframes spin{to{transform:rotate(-360deg)}}.splash{text-align:center;place-content:center;justify-items:center;gap:20px;min-height:100dvh;padding:24px;display:grid}.splash img{width:72px;height:72px}.splash h1{font-size:24px;font-weight:500}.auth-page{grid-template-columns:minmax(360px,5fr) 6fr;min-height:100dvh;display:grid}.auth-page.single{grid-template-columns:1fr}.auth-hero{color:var(--md-sys-color-on-primary);background:radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--md-sys-color-tertiary) 70%, transparent), transparent 55%), linear-gradient(160deg, var(--md-sys-color-primary), color-mix(in srgb, var(--md-sys-color-primary) 55%, #000));flex-direction:column;gap:40px;padding:48px;display:flex;position:relative;overflow:hidden}.auth-hero:after{content:"";background:color-mix(in srgb, var(--md-sys-color-on-primary) 8%, transparent);border-radius:38% 62% 55% 45%;width:420px;height:420px;position:absolute;bottom:-120px;right:-120px}.brand,.auth-mobile-brand{align-items:center;gap:12px;font-size:20px;font-weight:600;display:flex}.brand img,.auth-mobile-brand img{width:40px;height:40px}.auth-mobile-brand{justify-content:center;font-size:18px;display:none}.auth-mobile-brand.always{display:flex}.hero-copy{gap:16px;max-width:480px;margin-top:auto;display:grid}.hero-copy h1{letter-spacing:-.01em;font-size:40px;font-weight:500;line-height:48px}.hero-copy p{opacity:.88;font-size:16px;line-height:24px}.hero-points{gap:14px;max-width:480px;padding:0;list-style:none;display:grid}.hero-points li{align-items:center;gap:14px;font-size:15px;display:flex}.hero-icon{background:color-mix(in srgb, var(--md-sys-color-on-primary) 14%, transparent);--m3e-icon-size:20px;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;display:grid}.hero-version{opacity:.7}.auth-panel{background:var(--md-sys-color-surface);place-items:center;padding:32px 16px;display:grid}.auth-card{gap:18px;width:min(420px,100%);display:grid}.auth-card h2{font-size:28px;font-weight:500;line-height:36px}.auth-card p.muted{margin-top:4px}.lock-badge{width:72px;height:72px;color:var(--md-sys-color-on-primary-container);background:var(--md-sys-color-primary-container);--m3e-icon-size:32px;border-radius:24px;justify-self:center;place-items:center;display:grid}.switch-line{text-align:center;color:var(--md-sys-color-on-surface-variant)}.strength{grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:6px;margin-top:-8px;display:grid}.strength span{background:var(--md-sys-color-surface-container-highest);border-radius:2px;height:4px}.strength span.on{background:var(--md-sys-color-error)}.strength[data-score="2"] span.on{background:#d89400}.strength[data-score="3"] span.on,.strength[data-score="4"] span.on{background:var(--md-sys-color-primary)}.strength small{text-align:right;min-width:56px;color:var(--md-sys-color-on-surface-variant)}.field{gap:6px;min-width:0;display:grid}.field>span{letter-spacing:.02em;color:var(--md-sys-color-on-surface-variant);font-size:12px;font-weight:500}.field input,.field select,.field textarea,.input-row>input,.custom-row input,.input-with-action,.nav-new-folder input{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-s);background:var(--md-sys-color-surface-container-lowest);width:100%;min-height:48px;transition:border-color .12s var(--ease), box-shadow .12s var(--ease);outline:none;padding:12px 14px}.field textarea{resize:vertical;line-height:20px}.field select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:40px}.field input:focus,.field select:focus,.field textarea:focus,.input-row>input:focus,.custom-row input:focus,.input-with-action:focus-within,.nav-new-folder input:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary)}.input-with-action{align-items:center;padding:0 4px 0 14px;display:flex}.input-with-action input{min-width:0;min-height:46px;box-shadow:none;background:0 0;border:0;outline:none;flex:1;padding:0}.input-row{align-items:center;gap:8px;display:flex}.input-row .input-with-action{flex:1}form.input-row{align-items:end}form.input-row m3e-button{margin-bottom:4px}.field-pair{grid-template-columns:1fr 1fr;align-items:end;gap:12px;display:grid}.switch-field{cursor:pointer;align-items:center;gap:10px;min-height:48px;display:flex}.switch-field input{width:18px;height:18px;accent-color:var(--md-sys-color-primary)}.form-group{gap:14px;display:grid}.form-error{border-radius:var(--radius-s);color:var(--md-sys-color-on-error-container);background:var(--md-sys-color-error-container);padding:10px 14px}.notice,.callout{border-radius:var(--radius-s);color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.notice m3e-icon,.callout m3e-icon{--m3e-icon-size:20px;flex:none}.callout.error{color:var(--md-sys-color-on-error-container);background:var(--md-sys-color-error-container)}.callout p{margin-top:2px}m3e-button.danger{--m3e-filled-button-container-color:var(--md-sys-color-error);--m3e-filled-button-label-text-color:var(--md-sys-color-on-error);--m3e-outlined-button-label-text-color:var(--md-sys-color-error);--m3e-outlined-button-outline-color:var(--md-sys-color-error);--m3e-text-button-label-text-color:var(--md-sys-color-error)}.segmented{background:var(--md-sys-color-surface-container-high);border-radius:999px;gap:4px;padding:4px;display:flex}.segmented button{cursor:pointer;--m3e-icon-size:18px;background:0 0;border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:40px;display:flex}.segmented button.selected{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container);font-weight:500}.shell{grid-template-columns:var(--nav-width) minmax(0, 1fr);height:100dvh;display:grid}.scrim{display:none}.nav{flex-direction:column;min-height:0;padding:12px 12px 8px;display:flex}.nav-brand{align-items:center;gap:12px;height:52px;padding:0 12px 8px;font-size:18px;font-weight:600;display:flex}.nav-brand img{width:32px;height:32px}.nav-scroll{scrollbar-width:thin;flex:1;min-height:0;padding-bottom:8px;overflow-y:auto}.nav-label{letter-spacing:.04em;text-transform:uppercase;height:40px;color:var(--md-sys-color-on-surface-variant);justify-content:space-between;align-items:center;padding:16px 16px 0;font-size:12px;font-weight:600;display:flex}.nav-label.with-action{height:48px;padding-right:4px}.nav-label.with-action m3e-icon-button{--m3e-icon-button-small-container-height:32px}.nav-item{width:100%;height:44px;color:var(--md-sys-color-on-surface-variant);text-align:left;cursor:pointer;transition:background .12s var(--ease);--m3e-icon-size:22px;background:0 0;border:0;border-radius:999px;align-items:center;gap:12px;padding:0 16px;display:flex}.nav-item:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.nav-item.selected{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container);font-weight:600}.nav-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-count{font-variant-numeric:tabular-nums;font-size:12px}.nav-empty{color:var(--md-sys-color-on-surface-variant);padding:4px 16px 8px;font-size:12px}.nav-new-folder{padding:4px 4px 8px}.nav-new-folder input{border-radius:999px;min-height:40px;padding:8px 14px}.nav-footer{color:var(--md-sys-color-on-surface-variant);--m3e-icon-size:18px;align-items:center;gap:8px;padding:12px 16px 4px;font-size:12px;display:flex}.main{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.topbar{align-items:center;gap:8px;height:72px;padding:12px 16px 12px 0;display:flex}.menu-button{display:none}.search{background:var(--md-sys-color-surface-container-high);min-width:0;max-width:720px;height:48px;color:var(--md-sys-color-on-surface-variant);border-radius:999px;flex:1;align-items:center;gap:10px;padding:0 8px 0 16px;display:flex}.search:focus-within{background:var(--md-sys-color-surface-container-highest)}.search input{width:100%;min-width:0;color:var(--md-sys-color-on-surface);background:0 0;border:0;outline:none;flex:1}.search input::-webkit-search-cancel-button{display:none}.search.compact{flex:0 280px;height:44px}.sync-pill{height:40px;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;cursor:pointer;--m3e-icon-size:20px;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:0 14px 0 10px;font-size:13px;display:flex}.sync-pill:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.sync-pill.error{color:var(--md-sys-color-error)}.account-menu{position:relative}.avatar-button{width:40px;height:40px;color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary);cursor:pointer;border:0;border-radius:50%;place-items:center;margin-left:4px;font-weight:600;display:grid}.popover{z-index:30;border-radius:var(--radius-m);background:var(--md-sys-color-surface-container-high);min-width:260px;padding:8px;display:grid;position:absolute;top:48px;right:0;box-shadow:0 8px 28px #0000002e}.popover-scrim{z-index:20;position:fixed;inset:0}.popover-head{border-bottom:1px solid var(--md-sys-color-outline-variant);gap:2px;margin-bottom:6px;padding:12px 12px 14px;display:grid}.popover-head small{color:var(--md-sys-color-on-surface-variant)}.popover-head .role-chip{justify-self:start;margin-top:6px}.popover button{border-radius:var(--radius-s);cursor:pointer;text-align:left;--m3e-icon-size:20px;background:0 0;border:0;align-items:center;gap:12px;height:44px;padding:0 12px;display:flex}.popover button:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.role-chip,.chip{height:28px;color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container);--m3e-icon-size:16px;border-radius:8px;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.content{min-height:0;padding:0 16px 16px 0;overflow:hidden}.vault{grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:12px;height:100%;display:grid}.list-pane,.detail-pane{border-radius:var(--radius-l);background:var(--md-sys-color-surface);scrollbar-width:thin;min-height:0;overflow-y:auto}.pane-header{z-index:2;background:var(--md-sys-color-surface);align-items:center;gap:8px;padding:18px 12px 12px 20px;display:flex;position:sticky;top:0}.pane-title{flex:1;align-items:baseline;gap:10px;min-width:0;display:flex}.pane-title h1{text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:500;line-height:28px;overflow:hidden}.pane-title .count{color:var(--md-sys-color-on-surface-variant);font-variant-numeric:tabular-nums}.pane-actions{align-items:center;gap:2px;display:flex}.item-list{gap:2px;padding:0 8px 12px;list-style:none;display:grid}.item-list li{border-radius:var(--radius-m);cursor:pointer;min-height:64px;transition:background .12s var(--ease);outline:none;align-items:center;gap:14px;padding:10px 12px;display:flex}.item-list li:hover,.item-list li:focus-visible{background:var(--md-sys-color-surface-container)}.item-list li.selected{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.item-list li.broken .item-text small{color:var(--md-sys-color-error)}.item-text{flex:1;min-width:0;display:grid}.item-text strong,.item-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-text strong{font-size:15px;font-weight:500;line-height:22px}.item-text small{color:var(--md-sys-color-on-surface-variant);font-size:13px}.row-badge{color:var(--md-sys-color-on-surface-variant);--m3e-icon-size:18px;flex:none}.item-icon{width:40px;height:40px;color:hsl(var(--hue) 45% 28%);background:hsl(var(--hue) 55% 90%);--m3e-icon-size:22px;border-radius:14px;flex:none;place-items:center;font-size:17px;font-weight:600;display:grid}:root[data-theme=dark] .item-icon{color:hsl(var(--hue) 60% 88%);background:hsl(var(--hue) 28% 26%)}.item-icon:not(.type-login){color:var(--md-sys-color-on-tertiary-container);background:var(--md-sys-color-tertiary-container)}.item-icon.type-card,.item-icon.type-payment-account,.item-icon.type-billing-address{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container)}.item-icon.type-note,.item-icon.type-document{color:var(--md-sys-color-on-primary-container);background:var(--md-sys-color-primary-container)}.item-icon.large{--m3e-icon-size:28px;border-radius:18px;width:56px;height:56px;font-size:24px}.list-skeleton{gap:4px;padding:0 20px;display:grid}.skeleton-row{align-items:center;gap:14px;height:64px;display:flex}.skeleton-row>span,.skeleton-row i{background:var(--md-sys-color-surface-container-high);border-radius:12px;animation:1.2s ease-in-out infinite alternate pulse;display:block}.skeleton-row>span{width:40px;height:40px}.skeleton-row div{flex:1;gap:8px;display:grid}.skeleton-row i{height:12px}.skeleton-row i+i{width:60%}@keyframes pulse{to{opacity:.45}}.empty-state{text-align:center;color:var(--md-sys-color-on-surface-variant);justify-items:center;gap:8px;padding:64px 24px;display:grid}.empty-state.tall{padding:96px 24px}.empty-state strong{color:var(--md-sys-color-on-surface);font-size:16px;font-weight:500}.empty-icon{width:72px;height:72px;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-high);--m3e-icon-size:32px;border-radius:24px;place-items:center;margin-bottom:8px;display:grid}.detail-empty{text-align:center;height:100%;min-height:360px;color:var(--md-sys-color-on-surface-variant);place-content:center;justify-items:center;gap:20px;padding:32px;display:grid}.detail-empty img{opacity:.85;width:72px;height:72px}.type-shortcuts{flex-wrap:wrap;justify-content:center;gap:8px;max-width:520px;display:flex}.type-shortcuts button,.type-picker button{border:1px solid var(--md-sys-color-outline-variant);height:36px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;--m3e-icon-size:18px;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:0 14px 0 10px;display:inline-flex}.type-shortcuts button:hover,.type-picker button:hover{background:var(--md-sys-color-surface-container)}.type-picker{flex-wrap:wrap;gap:8px;display:flex}.type-picker button.selected{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container);border-color:#0000;font-weight:500}.detail{align-content:start;min-height:100%;display:grid}.detail-header{z-index:2;background:var(--md-sys-color-surface);align-items:center;gap:16px;padding:24px 24px 18px;display:flex;position:sticky;top:0}.back-button{display:none}.detail-title{flex:1;min-width:0}.detail-title h2{text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-weight:500;line-height:32px;overflow:hidden}.detail-meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip{color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-high)}.chip.tonal{color:var(--md-sys-color-on-tertiary-container);background:var(--md-sys-color-tertiary-container)}.select-chip select{cursor:pointer;background:0 0;border:0;outline:none;max-width:180px;padding:0;font-size:12px;font-weight:500}.select-chip select option{color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-high)}.detail-actions{align-items:center;gap:2px;display:flex}.detail-actions m3e-button{margin-left:6px}.detail-body{gap:16px;max-width:820px;padding:0 24px 28px;display:grid}.field-group{border-radius:var(--radius-m);background:var(--md-sys-color-surface-container-low);display:grid;overflow:hidden}.group-title{color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:600}.field-group>.group-title{padding:14px 18px 0}.group-head{justify-content:space-between;align-items:center;min-height:48px;padding:6px 8px 0 18px;display:flex}.field-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label tools""value tools";align-items:center;column-gap:8px;min-height:64px;padding:10px 8px 10px 18px;display:grid}.field-row+.field-row{border-top:1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 70%, transparent)}.field-row .totp{grid-area:value}.field-label{color:var(--md-sys-color-on-surface-variant);grid-area:label;font-size:12px}.field-value{text-overflow:ellipsis;white-space:nowrap;grid-area:value;font-size:15px;line-height:22px;overflow:hidden}.field-row.multiline .field-value{white-space:pre-wrap;word-break:break-all}.field-value.link{color:var(--md-sys-color-primary)}.field-tools{grid-area:tools;align-items:center;display:flex}.notes{white-space:pre-wrap;word-break:break-word;padding:8px 18px 16px;font-size:15px;line-height:22px}.totp{align-items:center;gap:12px;display:flex}.totp-code{letter-spacing:.08em;color:var(--md-sys-color-primary);font-size:22px;font-weight:500;line-height:28px}.totp-ring{width:30px;height:30px;transform:rotate(-90deg)}.totp-ring circle{fill:none;stroke-width:3.5px}.totp-ring .track{stroke:var(--md-sys-color-surface-container-highest)}.totp-ring .bar{stroke:var(--md-sys-color-primary);stroke-dasharray:94.25;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.totp-ring.urgent .bar{stroke:var(--md-sys-color-error)}.totp-ring text{fill:var(--md-sys-color-on-surface-variant);transform-origin:18px 18px;font-size:11px;font-weight:600;transform:rotate(90deg)}.attachment-row{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:12px;padding:8px 8px 8px 18px;display:flex}.attachment-row>div{flex:1;min-width:0;display:grid}.attachment-row strong{color:var(--md-sys-color-on-surface);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.attachment-row.big{border-radius:var(--radius-m);background:var(--md-sys-color-surface-container-low);--m3e-icon-size:32px;padding:16px}.field-group>p.muted.small{padding:0 18px 16px}.detail-footer{color:var(--md-sys-color-on-surface-variant);flex-wrap:wrap;gap:4px 20px;padding:4px 4px 0;font-size:12px;display:flex}.editor .detail-body{gap:22px}.editor .form-group{border-radius:var(--radius-m);background:var(--md-sys-color-surface-container-low);padding:18px}.custom-row{grid-template-columns:1fr 1.4fr auto auto;align-items:center;gap:8px;display:grid}.editor .form-group>m3e-button{justify-self:start}.page{border-radius:var(--radius-l);background:var(--md-sys-color-surface);height:100%;padding:28px 32px 40px;overflow-y:auto}.page>*{max-width:1080px}.page.wide>*{max-width:none}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header h1{font-size:28px;font-weight:500;line-height:36px}.page-header p{margin-top:4px}.card-list{gap:8px;display:grid}.send-card{border-radius:var(--radius-m);background:var(--md-sys-color-surface-container-low);align-items:center;gap:16px;padding:14px 12px 14px 16px;display:flex}.send-icon{width:44px;height:44px;color:var(--md-sys-color-on-primary-container);background:var(--md-sys-color-primary-container);border-radius:14px;flex:none;place-items:center;display:grid}.send-main{flex:1;gap:2px;min-width:0;display:grid}.send-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.send-title{--m3e-icon-size:16px;align-items:center;gap:10px;min-width:0;display:flex}.send-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;overflow:hidden}.send-actions{display:flex}.status-dot{color:var(--md-sys-color-on-surface-variant);flex:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.status-dot:before{content:"";background:var(--md-sys-color-outline);border-radius:50%;width:8px;height:8px}.status-dot.ok:before{background:#2e9d5b}.status-dot.warn:before{background:#d89400}.timeline{padding:0;list-style:none;display:grid}.timeline li{border-bottom:1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 60%, transparent);align-items:center;gap:14px;padding:10px 4px;display:flex}.timeline li>div{flex:1;min-width:0;display:grid}.timeline strong{font-weight:500}.timeline-icon{width:36px;height:36px;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-high);--m3e-icon-size:18px;border-radius:12px;flex:none;place-items:center;display:grid}.timeline-target{max-width:220px;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:11px;overflow:hidden}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));align-items:start;gap:16px;display:grid}.settings-card{border-radius:var(--radius-m);background:var(--md-sys-color-surface-container-low);gap:16px;padding:22px;display:grid}.settings-card h2{font-size:18px;font-weight:500;line-height:24px}.settings-card .form-group>m3e-button{justify-self:start}.danger-zone h2{color:var(--md-sys-color-error)}.facts{gap:10px;display:grid}.facts div{grid-template-columns:minmax(120px,.6fr) 1fr;gap:12px;display:grid}.facts dt{color:var(--md-sys-color-on-surface-variant)}.facts dd{overflow-wrap:anywhere}.stat-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-row div,.metric{border-radius:var(--radius-s);background:var(--md-sys-color-surface-container);gap:2px;padding:14px 16px;display:grid}.stat-row strong,.metric strong{font-variant-numeric:tabular-nums;font-size:22px;font-weight:500;line-height:28px}.stat-row small,.metric small{color:var(--md-sys-color-on-surface-variant)}.metric-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:16px;display:grid}.metric{border-radius:var(--radius-m);background:var(--md-sys-color-surface-container-low);padding:18px}.metric m3e-icon{color:var(--md-sys-color-primary);margin-bottom:8px}.meter{background:var(--md-sys-color-surface-container-highest);border-radius:4px;height:8px;overflow:hidden}.meter span{background:var(--md-sys-color-primary);border-radius:4px;height:100%;display:block}.share-link{overflow-wrap:anywhere;border-radius:var(--radius-s);background:var(--md-sys-color-surface-container-high);font-family:var(--mono);-webkit-user-select:all;user-select:all;padding:12px 14px;font-size:13px;display:block}.palette-grid{gap:10px;display:flex}.palette-button{background:var(--md-sys-color-surface-container);cursor:pointer;border:2px solid #0000;border-radius:16px;place-items:center;width:48px;height:48px;padding:0;display:grid}.palette-button.selected{border-color:var(--md-sys-color-primary)}.swatch{background:linear-gradient(135deg, var(--swatch) 55%, var(--accent) 55%);border-radius:50%;width:28px;height:28px}.table-card{border-radius:var(--radius-m);background:var(--md-sys-color-surface-container-low);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;white-space:nowrap;padding:12px 16px}.table th{color:var(--md-sys-color-on-surface-variant);font-size:12px;font-weight:600}.table tbody tr{border-top:1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 60%, transparent)}.table tr.disabled td{opacity:.55}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .actions{text-align:right}.user-cell{align-items:center;gap:12px;display:flex}.user-cell>div{display:grid}.user-cell strong{font-weight:500}.avatar-small{width:36px;height:36px;color:var(--md-sys-color-on-primary-container);background:var(--md-sys-color-primary-container);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.inline-select{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);border-radius:8px;padding:6px 8px}.link-button{color:var(--md-sys-color-primary);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0}.pad{padding:16px}.dialog-text,.dialog-body{width:min(460px,78vw)}.dialog-body{gap:14px;display:grid}.file-drop{border:1.5px dashed var(--md-sys-color-outline);border-radius:var(--radius-m);color:var(--md-sys-color-on-surface-variant);cursor:pointer;align-items:center;gap:12px;padding:22px 18px;display:flex}.file-drop:hover{background:var(--md-sys-color-surface-container)}.receive .auth-card{width:min(560px,100%)}.received-text{border-radius:var(--radius-m);background:var(--md-sys-color-surface-container-low);max-height:50vh;font-family:var(--mono);white-space:pre-wrap;word-break:break-word;padding:16px;font-size:14px;overflow:auto}.toast-host{z-index:1000;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{max-width:min(560px,100vw - 32px);color:var(--md-sys-color-inverse-on-surface);background:var(--md-sys-color-inverse-surface);--m3e-icon-size:20px;border-radius:12px;align-items:center;gap:10px;padding:12px 18px 12px 14px;display:flex;box-shadow:0 6px 20px #0003}.toast.error m3e-icon{color:var(--md-sys-color-inverse-primary)}.toast-enter-active,.toast-leave-active{transition:opacity .18s var(--ease), transform .18s var(--ease)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(12px)}@media (width<=1100px){.shell{grid-template-columns:minmax(0,1fr)}.nav{z-index:50;border-radius:0 var(--radius-l) var(--radius-l) 0;background:var(--md-sys-color-surface-container-low);width:min(320px,86vw);transition:transform .22s var(--ease);position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.shell.nav-open .nav{transform:none}.shell.nav-open .scrim{z-index:40;background:#00000052;display:block;position:fixed;inset:0}.menu-button{display:inline-flex}.topbar{padding-left:8px}.content{padding-left:12px;padding-right:12px}}@media (width<=760px){.auth-page{grid-template-columns:1fr}.auth-hero{display:none}.auth-mobile-brand{display:flex}.topbar{gap:4px;height:64px;padding:8px 8px 8px 4px}.sync-pill span{display:none}.sync-pill{padding:0 10px}.content{padding:0 8px 8px}.vault{grid-template-columns:minmax(0,1fr)}.vault .detail-pane,.vault.has-detail .list-pane{display:none}.vault.has-detail .detail-pane{display:block}.back-button{display:inline-flex}.detail-header{flex-wrap:wrap;gap:12px;padding:16px}.detail-header .item-icon.large{border-radius:14px;width:44px;height:44px}.detail-actions{justify-content:flex-end;width:100%}.detail-body{padding:0 12px 20px}.page{padding:20px 16px 32px}.page-header{flex-wrap:wrap}.field-pair{grid-template-columns:1fr}.custom-row{grid-template-columns:1fr auto auto}.custom-row input:first-child{grid-column:1/-1}.send-card{flex-wrap:wrap}.send-actions{justify-content:flex-end;width:100%}.facts div{grid-template-columns:1fr;gap:2px}}