.cc-patients{padding:2rem 0 3rem}.cc-patients-header h1{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--cc-text-primary)}.cc-patients-subtitle{font-size:.875rem;color:var(--cc-text-tertiary);margin-top:.25rem}.cc-patients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin-top:2rem}.cc-patient-card{display:flex;flex-direction:column;gap:.625rem;padding:1.25rem;border:1px solid var(--cc-border,rgba(0,0,0,.06));border-radius:12px;text-decoration:none;transition:all .15s ease}.cc-patient-card:hover{border-color:var(--cc-border-hover,rgba(0,0,0,.12));background:var(--cc-card-hover,rgba(0,0,0,.02));transform:translateY(-1px)}.cc-patient-card-top{display:flex;align-items:baseline;gap:.5rem}.cc-patient-name{font-size:1.0625rem;font-weight:600;color:var(--cc-text-primary);letter-spacing:-.01em}.cc-patient-age{font-size:.75rem;color:var(--cc-text-tertiary)}.cc-patient-diagnosis{font-size:.8125rem;color:var(--cc-text-secondary);line-height:1.4}.cc-patient-code{font-size:.6875rem;color:var(--cc-text-tertiary);font-family:monospace}.cc-patient-stats{display:flex;gap:1.5rem;margin-top:.375rem}.cc-patient-stat{display:flex;flex-direction:column;gap:.0625rem}.cc-patient-stat-value{font-size:.875rem;font-weight:600;color:var(--cc-text-primary)}.cc-patient-stat-label{font-size:.625rem;color:var(--cc-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.cc-patient-new{font-size:.75rem;color:var(--cc-text-tertiary);font-style:italic;margin-top:.25rem}.cc-patients-header-top{display:flex;justify-content:space-between;align-items:flex-start}.cc-patients-add-btn{font-size:.75rem;font-weight:600;padding:.5rem 1rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--cc-accent,#007aff) 30%,transparent);background:color-mix(in srgb,var(--cc-accent,#007aff) 8%,transparent);color:var(--cc-accent,#007aff);cursor:pointer;transition:all .15s ease}.cc-patients-add-btn:hover{background:color-mix(in srgb,var(--cc-accent,#007aff) 14%,transparent)}.cc-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.2);z-index:900}.cc-drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:90vw;background:var(--cc-bg,#fff);border-left:1px solid var(--cc-border,rgba(0,0,0,.08));z-index:1000;display:flex;flex-direction:column;animation:drawer-slide-in .25s ease;box-shadow:-4px 0 24px rgba(0,0,0,.08)}@keyframes drawer-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.cc-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--cc-border,rgba(0,0,0,.06))}.cc-drawer-title{font-size:1.125rem;font-weight:600;color:var(--cc-text-primary)}.cc-drawer-close{width:2rem;height:2rem;border-radius:50%;border:none;background:transparent;font-size:1rem;color:var(--cc-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center}.cc-drawer-close:hover{background:rgba(0,0,0,.06)}.cc-drawer-body{flex:1;overflow-y:auto;padding:1.5rem}.cc-drawer-actions{display:flex;gap:.5rem}.cc-drawer-action--primary{padding:.5rem 1rem;font-size:.8125rem;font-weight:500;border-radius:8px;background:var(--cc-accent,#007aff);border:none;color:#fff;cursor:pointer}.cc-drawer-action--primary:disabled{opacity:.5;cursor:not-allowed}.cc-form-field{margin-bottom:1rem}.cc-form-label{display:block;font-size:.75rem;font-weight:500;color:var(--cc-text-tertiary);margin-bottom:.375rem}.cc-form-input{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--cc-border,rgba(0,0,0,.12));border-radius:8px;background:var(--cc-bg,#fff);color:var(--cc-text-primary);outline:none}.cc-form-input:focus{border-color:var(--cc-accent,#007aff)}.cc-form-error{font-size:.75rem;color:#ff3b30;margin-top:.5rem}:root.dark .cc-drawer{background:var(--cc-bg,#0a0a0f);border-color:rgba(255,255,255,.08)}:root.dark .cc-form-input{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}