:root{font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;color:#12222f;background:radial-gradient(circle at 10% -20%,#cde8f9,#f4f9fc 42%,#fff)}*{box-sizing:border-box}body{margin:0;min-height:100vh}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}main{min-height:100vh}.centered{display:grid;place-items:center;padding:2rem}.crm-root{padding:1.25rem;max-width:1600px;margin:0 auto;display:grid;gap:1rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.topbar h1{font-size:1.8rem;letter-spacing:.02em}.topbar p{color:#516170;margin-top:.25rem}.topbar-actions{display:flex;align-items:center;gap:.75rem}.user-email{font-size:.92rem;color:#435260}.panel{background:#ffffffe6;border:1px solid #d4dee5;border-radius:14px;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel.login{max-width:420px;text-align:center;display:grid;gap:.8rem}.panel.error{max-width:720px}.filters{display:grid;gap:.8rem;grid-template-columns:220px minmax(220px,1fr) auto auto auto;align-items:end}.filters label,.edit-grid label{display:grid;gap:.3rem;font-size:.88rem;color:#44515d}.filters .grow{min-width:260px}input,select,textarea{border:1px solid #c4d0da;border-radius:8px;padding:.55rem .6rem;background:#fff}button{border:1px solid transparent;border-radius:8px;background:#0f7abf;color:#fff;font-weight:600;padding:.58rem .9rem;cursor:pointer}button.secondary{background:#eff5fa;color:#234057;border-color:#cdd9e1}button:disabled{opacity:.55;cursor:not-allowed}.error-text{color:#9f1d2b}.content-grid{display:grid;grid-template-columns:minmax(600px,1.3fr) minmax(420px,1fr);gap:1rem;align-items:start}.panel-header,.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.panel-header{margin-bottom:.75rem}.panel-footer{margin-top:.75rem;color:#516170;font-size:.9rem}.table-wrap{overflow:auto;border:1px solid #d6e0e8;border-radius:10px;max-height:540px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:.62rem .7rem;border-bottom:1px solid #e3ebf2;text-align:left;font-size:.92rem}thead th{position:sticky;top:0;background:#f0f6fb;z-index:1}tbody tr{cursor:pointer}tbody tr:hover{background:#f7fbff}tbody tr.selected{background:#ddeffc}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem}.detail-grid label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:#6a7c8b;margin-bottom:.2rem}.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:.75rem;margin-bottom:.75rem}.notes-block{margin-top:1rem;padding-top:.8rem;border-top:1px solid #e3eaf0}.note-form{display:grid;gap:.55rem;margin-bottom:.75rem}.notes-list{display:grid;gap:.55rem;max-height:270px;overflow:auto;padding-right:.2rem}.note-card{border:1px solid #d7e0e7;border-radius:10px;padding:.58rem .65rem;background:#fdfefe}.note-card header{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.32rem;color:#425361;font-size:.83rem}@media (max-width: 1100px){.filters,.content-grid{grid-template-columns:1fr}.table-wrap{max-height:420px}}