:root{font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif;color:#10213d;background:#eaf0f7;font-size:16px}*{box-sizing:border-box}body{margin:0}.shell{width:min(100%,560px);min-height:100vh;margin:auto;background:#f8fafc;padding:18px 16px 36px;box-shadow:0 0 35px #12366718}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:46px;height:46px;border-radius:12px}.brand strong,.brand span{display:block}.brand span{font-size:.82rem;color:#64748b;margin-top:2px}.status{font-size:.76rem;border-radius:99px;padding:6px 9px;background:#dcfce7;color:#166534}.card{background:#fff;border:1px solid #dbe5f0;border-radius:22px;padding:20px;margin:14px 0;box-shadow:0 8px 24px #1236670a}.lock{text-align:center;padding-top:28px}.lock-icon{font-size:46px}h1{font-size:1.35rem;margin:10px 0 6px}h2{font-size:1.05rem;margin:0 0 8px}.lead,.lock p,.section-head p{color:#64748b;line-height:1.65;margin:4px 0 16px}.lock label{text-align:left}label{display:block;font-weight:700;font-size:.9rem;margin-top:14px}input,select,textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #cbd5e1;border-radius:13px;background:#fff;color:#10213d;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#2e65a8;box-shadow:0 0 0 3px #2e65a81a}textarea{min-height:150px;resize:vertical;font-family:ui-monospace,monospace;font-size:.78rem;line-height:1.5}.password-row{display:flex;gap:8px}.password-row input{flex:1}.icon-button{width:48px;margin-top:7px;border:1px solid #cbd5e1;border-radius:13px;background:#f8fafc}.primary,.secondary,.small,.file-button{border:0;border-radius:13px;padding:13px 16px;font:inherit;font-weight:800;cursor:pointer;text-align:center}.primary{width:100%;margin-top:18px;background:#123667;color:#fff}.secondary{background:#eef3f9;color:#123667;border:1px solid #b8c7d9}.lock .secondary{width:100%;margin-top:10px}.small{padding:9px 12px;background:#eef3f9;color:#123667}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.notice{display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:16px;background:#dcfce7;color:#166534}.notice span{font-size:.78rem;flex:1}.notice button{border:0;background:#fff;border-radius:9px;padding:7px 10px;color:#166534;font-weight:700}.message{min-height:20px;margin:10px 0 0;color:#b42318;font-size:.85rem}.success{color:#047857}.section-head{display:flex;justify-content:space-between;align-items:flex-start}.section-head p{font-size:.8rem;margin:2px 0}.file-button{display:block;margin:0}.file-button input{display:none}.registry{margin-top:14px}.record{border-top:1px solid #e5eaf0;padding:13px 0}.record:first-child{border-top:0}.record b,.record span{display:block}.record span{font-size:.8rem;color:#64748b;margin-top:3px}.empty{padding:24px;text-align:center;color:#94a3b8}footer{text-align:center;color:#94a3b8;font-size:.75rem;margin-top:22px}.hidden{display:none!important}@media(max-width:420px){.grid,.actions{grid-template-columns:1fr}.card{padding:17px}.brand span{display:none}}