:root{color:#172944;background:#f1f5f9;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#172944;flex-direction:column;padding:28px 17px;display:flex}.logo{letter-spacing:-.08em;font-size:30px;font-weight:900}.logo span{color:#f2ad4b}.sidebar .logo{padding:0 12px}.sidebar-caption{color:#aebed1;padding:10px 12px 23px;font-size:12px}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#c8d4e3;text-align:left;background:0 0;border:0;border-radius:10px;width:100%;padding:13px 12px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#2b405e}.sidebar-foot{border-top:1px solid #41516b;justify-content:space-between;align-items:center;gap:5px;margin-top:auto;padding:18px 12px 0;font-size:12px;display:flex}.sidebar-foot button{color:#fff;background:0 0;border:0;text-decoration:underline}.workspace{min-width:0;padding:35px clamp(18px,4vw,56px)}.workspace header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.eyebrow{color:#728098;margin-bottom:7px;font-size:12px}h1{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,38px)}h2{margin:0 0 17px;font-size:18px}.count{color:#687890;font-size:13px}.workspace-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:start;gap:22px;display:grid}.list-panel,.form-panel{background:#fff;border:1px solid #dce4ee;border-radius:16px;padding:22px}.section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-head h2{margin:0}.section-head button,.record-actions button{color:#087e91;background:0 0;border:0;padding:8px}.section-head button:hover,.record-actions button:hover{text-decoration:underline}.records{margin-top:16px}.record{border-top:1px solid #e6ebf1;justify-content:space-between;align-items:center;gap:8px;padding:15px 0;display:flex}.record-main{gap:5px;min-width:0;display:grid}.record-main b{overflow-wrap:anywhere}.record-main small{color:#79869a}.record-actions{flex-wrap:wrap;flex:none;display:flex}.empty{color:#687890;margin:22px 0 4px}form label{gap:7px;margin:0 0 15px;font-size:13px;font-weight:650;display:grid}form input:not([type=checkbox]),form textarea,form select{color:#172944;background:#fff;border:1px solid #cbd6e2;border-radius:8px;width:100%;min-height:42px;padding:10px 12px}form input[type=checkbox]{width:19px;height:19px}form textarea{resize:vertical}form button[type=submit]{color:#fff;background:#172944;border:0;border-radius:9px;width:100%;padding:13px;font-weight:700}.upload{border-top:1px solid #e6ebf1;margin-top:28px;padding-top:25px}.upload p{color:#687890;font-size:13px;line-height:1.5}.upload input{max-width:100%}.upload code{overflow-wrap:anywhere;background:#e9f1f7;border-radius:8px;margin-top:13px;padding:10px;display:block}.notice{color:#155b4d;overflow-wrap:anywhere;background:#e5f4ee;border-radius:9px;margin:0 0 20px;padding:12px 15px;font-size:13px}.notice.error{color:#a13a31;background:#fceae7}.login-wrap{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border:1px solid #dce4ee;border-radius:18px;width:min(430px,100%);padding:30px}.login-card h1{margin-top:24px;font-size:27px}.login-card p{color:#687890;margin:7px 0 28px}@media (max-width:900px){.workspace-grid{grid-template-columns:1fr}}@media (max-width:650px){.shell{display:block}.sidebar{padding:16px;display:block}.sidebar .logo{padding:0 5px;font-size:24px}.sidebar-caption,.sidebar-foot{display:none}.sidebar nav{padding-top:10px;display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap;flex:none;width:auto;padding:10px;font-size:12px}.workspace{padding:24px 15px}.record{display:block}.record-actions{margin-top:7px}}.users-panel{max-width:1000px}.users-panel .record-actions{align-items:center;gap:10px}.users-panel .record-actions select{color:#172944;background:#fff;border:1px solid #cbd6e2;border-radius:8px;padding:8px 10px}@media (max-width:650px){.users-panel .record-actions{justify-content:flex-start}}fieldset{border:0;min-width:0;margin:0;padding:0}.filters{gap:10px;margin-top:16px;display:grid}.filters input,.filters select{color:#172944;background:#fff;border:1px solid #cbd6e2;border-radius:8px;width:100%;padding:10px}.media-field{background:#f1f5f9;border-radius:8px;gap:12px;padding:12px;display:grid}.media-field audio,.media-field img{width:100%;max-width:100%}.media-field button,.cancel{color:#172944;background:0 0;border:1px solid #cbd6e2;border-radius:8px;padding:9px}.cancel{width:100%;margin-top:10px}.hint{color:#687890;font-size:13px;line-height:1.5}.record-actions{max-width:180px}.record{align-items:flex-start}.form-panel{scroll-margin-top:20px}.secret{text-align:center;background:#eef4f8;border-radius:10px;margin:14px 0;padding:14px}.secret code{letter-spacing:2px;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px}.codes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;padding:0;list-style:none;display:grid}.codes li{text-align:center;background:#eef4f8;border-radius:8px;padding:10px}.codes code{letter-spacing:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px}.password-panel+.password-panel{margin-top:18px}