:root{color:#171717;background:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{place-items:center;min-height:100vh;padding:16px;display:grid}.maintainer-card{background:#fff;border:3px solid #222;border-radius:28px;grid-template-columns:230px 1fr;gap:30px;width:100%;min-height:650px;padding:40px 46px;display:grid;box-shadow:0 22px 70px #0f172a14}.side-menu{flex-direction:column;gap:22px;padding-top:16px;display:flex}.menu-button{color:#202020;letter-spacing:.04em;text-transform:uppercase;background:#fff;border:2px solid;border-radius:13px;width:100%;min-height:60px;font-weight:900;transition:transform .15s,box-shadow .15s}.menu-button:hover,.menu-button.active{transform:translateY(-1px);box-shadow:0 8px #0000001f}.menu-button.clients{background:#ffd7a3;border-color:#ff5a1f}.menu-button.files{background:#e7c1f2;border-color:#a21caf}.workspace{flex-direction:column;gap:16px;min-width:0;display:flex}.toolbar{grid-template-columns:minmax(150px,1fr) minmax(360px,680px);align-items:end;gap:20px;display:grid}.eyebrow{color:#2563eb;letter-spacing:.18em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:900}h1,h2{margin:0}h1{font-size:34px}h2{font-size:24px}.search-actions{grid-template-columns:minmax(220px,1fr) 140px;align-items:center;gap:28px 50px;display:grid}.search-input{text-transform:uppercase;border:2px solid #222;border-radius:10px;grid-row:1;height:42px;padding:0 18px;font-weight:700}.search-button,.add-button{color:#111827;text-transform:uppercase;border:2px solid #222;border-radius:9px;height:38px;font-weight:900}.search-button{background:#a9daf8}.add-button{background:#b7f3c7;grid-column:2}.alert{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px 10px 14px;font-weight:700;display:flex}.alert-close{color:#991b1b;background:#fff;border:1px solid #fca5a5;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:20px;font-weight:900;line-height:1;display:inline-grid}.alert-close:hover{background:#fecaca}.table-panel{background:#fff;border:3px solid #222;border-radius:22px;min-height:420px;overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #d4d4d4;border-right:3px solid #222;padding:14px 16px}th:last-child,td:last-child{border-right:0}th{z-index:1;text-transform:uppercase;letter-spacing:.04em;background:#fafafa;border-bottom:3px solid #222;font-size:13px;position:sticky;top:0}td{min-height:58px}.actions{justify-content:center;gap:16px;min-width:120px;display:flex}.icon-button{background:#fff;border:2px solid;border-radius:8px;place-items:center;width:34px;height:34px;font-size:18px;font-weight:900;display:inline-grid}.icon-button.edit{color:#f59e0b;background:#fff7d6}.icon-button.delete{color:#ef4444;background:#ffe4e6}.empty-row{color:#737373;text-align:center;vertical-align:middle;height:250px;font-weight:800}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a85;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{z-index:1001;background:#fff;border:3px solid #222;border-radius:22px;width:min(560px,100%);max-height:min(90vh,760px);padding:24px;position:relative;overflow:auto;box-shadow:0 24px 80px #0000003d}.modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.close-button{background:#fff;border:2px solid #222;border-radius:10px;width:38px;height:38px;font-size:26px;line-height:1}.form{gap:14px;display:grid}.modal-form label{text-transform:uppercase;letter-spacing:.04em;gap:7px;font-size:13px;font-weight:900;display:grid}.modal-form input,.modal-form select{text-transform:none;border:2px solid #d4d4d4;border-radius:10px;width:100%;min-height:42px;padding:9px 12px}.modal-actions{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.primary-button,.secondary-button{border:2px solid #222;border-radius:10px;min-width:120px;min-height:42px;font-weight:900}.primary-button{background:#b7f3c7}.secondary-button{background:#f3f4f6}@media (width<=860px){.app-shell{padding:14px}.maintainer-card{grid-template-columns:1fr;min-height:auto;padding:22px}.side-menu{flex-direction:row;padding-top:0}.toolbar,.search-actions{grid-template-columns:1fr}.add-button{grid-column:auto}.comment-form{grid-template-columns:1fr}}.confirm-modal{width:min(460px,100%)}.confirm-text{color:#404040;margin:0 0 12px;font-size:16px;font-weight:700}.delete-name{color:#991b1b;background:#fef2f2;border:2px solid #fecaca;border-radius:12px;margin-bottom:22px;padding:14px 16px;font-size:18px;display:block}.danger-button{color:#fff;background:#ef4444;border:2px solid #7f1d1d;border-radius:10px;min-width:120px;min-height:42px;font-weight:900}.danger-button:hover{background:#dc2626}.icon-button.view,.icon-button.comment{color:#2563eb;background:#dbeafe}.large-modal{width:min(920px,96vw)}.readonly-table-panel{background:#fff;border:3px solid #222;border-radius:16px;max-height:min(58vh,520px);overflow:auto}.comment-form{grid-template-columns:minmax(240px,1fr) 170px;align-items:start;gap:14px;margin-bottom:18px;display:grid}.comment-form textarea{resize:vertical;width:100%;min-height:56px;font:inherit;border:2px solid #222;border-radius:10px;padding:10px 12px}.menu-button.payments{background:#bbf7d0;border-color:#16a34a}.combo-field{text-transform:uppercase;letter-spacing:.04em;gap:7px;font-size:13px;font-weight:900;display:grid}.combo-field input,.combo-field select{text-transform:none;border:2px solid #d4d4d4;border-radius:10px;width:100%;min-height:42px;padding:9px 12px}.combo-field input:disabled,.combo-field select:disabled{color:#737373;cursor:not-allowed;background:#f3f4f6}.payment-form{gap:12px}.split-actions{justify-content:space-between}.danger-outline-button{color:#dc2626;background:#fee2e2;border:2px solid #ef4444;border-radius:10px;min-width:120px;min-height:42px;font-weight:900}.danger-outline-button:hover{background:#fecaca}.menu-button.appointments{background:#67d4df;border-color:#0891b2}.calendar-panel{min-width:860px;padding:10px}.calendar-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.calendar-toolbar strong{font-size:16px;font-weight:900}.calendar-grid{background:#fff;border:3px solid #222;border-radius:18px;grid-template-columns:90px repeat(7,minmax(105px,1fr));display:grid;overflow:hidden}.calendar-cell{border-bottom:2px solid #222;border-right:2px solid #222;min-height:58px;padding:8px}.calendar-cell:nth-child(8n){border-right:0}.calendar-head{text-transform:uppercase;text-align:center;background:#f8fafc;place-items:center;min-height:52px;font-weight:900;display:grid}.calendar-head small{color:#64748b;margin-top:2px;font-size:11px;font-weight:800;display:block}.calendar-hour{text-align:center;background:#f8fafc;place-items:center;font-size:12px;font-weight:900;display:grid}.calendar-slot{background:#fff}.appointment-card{color:#0f172a;text-transform:uppercase;text-overflow:ellipsis;background:#93c5fd;border:2px solid #2563eb;border-radius:10px;width:100%;min-height:42px;padding:6px;font-size:11px;font-weight:900;overflow:hidden}.detail-list{gap:8px;margin-bottom:18px;display:grid}.detail-list p{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin:0;padding:10px 12px}.modal-form textarea{resize:vertical;width:100%;min-height:82px;font:inherit;text-transform:none;border:2px solid #d4d4d4;border-radius:10px;padding:9px 12px}.appointment-card.cancelled{color:#4b5563;background:#e5e7eb;border-color:#9ca3af}.login-shell{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:#fff;border:3px solid #222;border-radius:28px;width:100%;max-width:400px;padding:48px 40px;box-shadow:0 22px 70px #0f172a14}.login-card h1{margin:0 0 28px;font-size:2rem;font-weight:900}.login-form{flex-direction:column;gap:16px;display:flex}.login-error{color:#dc2626;margin:0;font-size:.9rem}.user-pill{background:#fff;border:2px solid #222;border-radius:50px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px 8px 14px;display:flex}.user-pill-name{text-transform:uppercase;letter-spacing:.04em;color:#171717;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:900;overflow:hidden}.power-button{color:#fff;background:#ef4444;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:15px;line-height:1;display:inline-grid}.power-button:hover{background:#dc2626}.password-field{align-items:center;display:flex;position:relative}.password-field input{width:100%;padding-right:40px}.toggle-password{color:#6b7280;background:0 0;border:none;padding:0;font-size:1rem;line-height:1;position:absolute;right:10px}