:root{font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif;color:#26334a;background:#f3f6fc}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#dfe9fb,#f9fbff);min-height:100vh}.vault-toolbar{display:flex;gap:18px;align-items:center;padding:18px clamp(16px,4vw,48px);background:#fff;border-bottom:1px solid #b9c9e8}.vault-toolbar div{flex:1;min-width:0}.vault-toolbar h1{margin:2px 0 0}.vault-toolbar small{color:#315fc2;font-weight:900}.vault-toolbar>span{color:#53627a;font-weight:900}.vault-shell{width:min(1080px,calc(100% - 32px));margin:28px auto}.vault-workspace{display:grid;gap:20px}.vault-card{padding:clamp(18px,4vw,30px);background:#fff;border:1px solid #bdcae4;border-radius:22px;box-shadow:0 16px 40px #203d7414}.vault-card h2{margin:0 0 16px}.vault-access{text-align:center}.vault-warning{padding:12px 14px;border:1px solid #e6b565;border-radius:12px;background:#fff9e9;color:#704a09}.vault-warning b{display:block}#vaultForm{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:7px;min-width:0;font-weight:900}.wide{grid-column:1/-1}input,textarea{width:100%;min-width:0;padding:12px 14px;border:1px solid #aabde2;border-radius:11px;font:inherit;color:inherit}label small{color:#64748b;font-weight:700}.password-field{display:grid;grid-template-columns:minmax(0,1fr) auto}.password-field input{border-radius:11px 0 0 11px}.password-field button{border:1px solid #aabde2;border-left:0;border-radius:0 11px 11px 0;background:#edf3ff;color:#294f9e;font-weight:900;padding:0 15px;cursor:pointer}.actions,.account-actions{display:flex;gap:8px;flex-wrap:wrap}#vaultStatus{min-height:22px;color:#315fc2;font-weight:800}#vaultStatus.error{color:#b42318}.list-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.list-head h2{margin:0}.account-list{display:grid;gap:12px}.account-row{min-width:0;padding:17px;border:1px solid #ccd8ef;border-radius:16px;background:#f9fbff}.account-row h3{margin:0 0 5px;overflow-wrap:anywhere}.account-row p{margin:4px 0;color:#53627a}.account-row small{display:block;margin:8px 0;color:#72809a;overflow-wrap:anywhere}.login-url{overflow-wrap:anywhere}.secret-line{font-family:Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.empty{text-align:center;padding:28px;color:#60728f}.load-more{display:block;margin:16px auto 0}.load-more[hidden]{display:none}@media(max-width:700px){.vault-toolbar{align-items:flex-start;flex-wrap:wrap}.vault-toolbar>span{width:100%;padding-left:calc(1em + 18px)}#vaultForm{grid-template-columns:1fr}.wide{grid-column:auto}.account-actions .vds-btn,.actions .vds-btn{flex:1 1 150px;text-align:center}.vault-shell{width:min(100% - 20px,1080px);margin:14px auto}.vault-card{padding:16px}.password-field button{padding-inline:12px}}
[hidden]{display:none!important}