:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f7fa;--surface:#fff;--surface-muted:#f8fafc;--text:#172033;--text-muted:#637083;--border:#dbe2ea;--primary:#2557d6;--primary-hover:#1946bc;--danger:#b42318;--danger-hover:#8f1c14;--focus:#8db2ff;--shadow:0 8px 24px #17203314}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{background:var(--background);min-height:100vh;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.5}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.page-shell{width:min(960px,100% - 32px);margin:0 auto;padding:40px 0 64px}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px}.auth-card{width:min(420px,100%);padding:32px}.panel{padding:24px}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.header-actions,.row-actions,.form-actions,.pagination{align-items:center;gap:10px;display:flex}h1,h2,p{margin-top:0}h1{margin-bottom:6px;font-size:clamp(1.7rem,4vw,2.2rem);line-height:1.2}h2{margin-bottom:8px;font-size:1.1rem}.muted{color:var(--text-muted)}.form-grid{gap:18px;display:grid}.field{gap:7px;display:grid}label{font-weight:650}input,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:9px;outline:none;padding:11px 12px}textarea{resize:vertical;min-height:260px}input:focus,textarea:focus,button:focus-visible,a:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus);outline:none}.field-error,.form-error{color:var(--danger);font-size:.92rem}.form-error{background:#fff4f2;border:1px solid #f3b6af;border-radius:8px;padding:10px 12px}.button{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;min-height:42px;padding:9px 15px;font-weight:650;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.65}.button-primary{background:var(--primary);color:#fff}.button-primary:hover:not(:disabled){background:var(--primary-hover)}.button-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.button-secondary:hover:not(:disabled){background:var(--surface-muted)}.button-danger{background:var(--surface);color:var(--danger);border-color:#efc2bd}.button-danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger-hover);background:#fff4f2}.notes-list{gap:12px;display:grid}.note-card{border:1px solid var(--border);background:var(--surface);border-radius:11px;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:18px;display:grid}.note-description{color:var(--text-muted);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:0;display:-webkit-box;overflow:hidden}.empty-state{border:1px dashed var(--border);text-align:center;border-radius:11px;padding:42px 20px}.pagination{justify-content:space-between;margin-top:20px}.pagination-status{color:var(--text-muted);font-size:.93rem}@media (max-width:640px){.page-shell{width:min(100% - 20px,960px);padding-top:24px}.page-header,.note-card{grid-template-columns:1fr;align-items:stretch}.page-header{flex-direction:column}.header-actions,.row-actions{width:100%}.header-actions .button,.row-actions .button,.row-actions form{flex:1}.row-actions form .button{width:100%}.auth-card,.panel{padding:20px}}