*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand: #2563eb;--brand-dark: #1d4ed8;--brand-light: #eff6ff;--surface: #ffffff;--bg: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--success: #16a34a;--success-bg: #f0fdf4;--success-border: #bbf7d0;--danger: #dc2626;--danger-bg: #fef2f2;--danger-border: #fecaca;--warning-bg: #fefce8;--warning-border: #fef08a;--warning: #a16207;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06);--shadow-lg: 0 4px 6px rgba(0,0,0,.07), 0 10px 32px rgba(0,0,0,.1);--header-h: 60px;--nav-h: 44px}html{font-size:15px}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{line-height:1.3;letter-spacing:-.01em}a{color:var(--brand)}input,select,button,textarea{font:inherit}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82em;background:#f1f5f9;border:1px solid var(--border);padding:1px 6px;border-radius:4px;word-break:break-all}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.card__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border)}.card__head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.card__title{font-size:.95rem;font-weight:600;color:var(--text)}.card__body{padding:24px}.btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s;white-space:nowrap;text-decoration:none}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover{background:var(--brand-dark)}.btn--primary:disabled{background:#93c5fd;cursor:not-allowed}.btn--danger{background:var(--danger, #ef4444);color:#fff}.btn--danger:hover{background:#dc2626}.btn--danger:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:var(--surface, #fff);border-radius:12px;padding:28px 32px;max-width:440px;width:90%;box-shadow:0 8px 32px #0000002e}.modal-box__title{margin:0 0 12px;font-size:1.1rem;font-weight:700;color:var(--danger, #ef4444)}.modal-box__body{margin:0 0 24px;color:var(--text-muted, #555);line-height:1.5}.modal-box__actions{display:flex;gap:10px;justify-content:flex-end}.btn--ghost{background:none;border:1px solid var(--border);color:var(--text)}.btn--ghost:hover{background:var(--bg)}.btn--danger-outline{background:none;border:1px solid var(--danger-border);color:var(--danger)}.btn--danger-outline:hover{background:var(--danger-bg)}.btn--lg{height:44px;padding:0 24px;font-size:.95rem;width:100%;justify-content:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 540px){.form-grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.field input,.field select{height:40px;padding:0 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.93rem;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1f}.field input::placeholder{color:#94a3b8}.field--hint{font-size:.78rem;color:var(--text-muted);margin-top:2px}.form-warning{font-size:.85rem;color:#92400e;padding:8px 12px;background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius-sm);margin-top:4px}.form-error{font-size:.85rem;color:var(--danger);padding:8px 12px;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-sm);margin-top:4px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:9999px;font-size:.75rem;font-weight:600}.badge--blue{background:#dbeafe;color:#1d4ed8}.badge--yellow{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge--green{background:var(--success-bg);color:var(--success)}.badge--gray{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius);font-size:.88rem;font-weight:500;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast--success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.toast--error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:10px 16px;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid var(--border)}.data-table td{padding:11px 14px;font-size:.9rem;color:var(--text);border-bottom:1px solid #f1f5f9;vertical-align:middle;max-width:300px;overflow:hidden;text-overflow:ellipsis}.data-table__actions{display:flex;gap:6px;flex-wrap:wrap}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#f8fafc}.data-table__row--clickable{cursor:pointer}.data-table__row--clickable:hover td{background:#eff6ff!important}.search-box{position:relative;display:flex;align-items:center;width:100%;max-width:420px}.search-box__icon{position:absolute;left:10px;width:16px;height:16px;color:var(--text-muted);pointer-events:none;flex-shrink:0}.search-box__input{width:100%;height:34px;padding:0 32px 0 34px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}.search-box__input:focus{border-color:var(--primary)}.search-box__input::-webkit-search-cancel-button{display:none}.search-box__clear{position:absolute;right:8px;background:none;border:none;font-size:.75rem;color:var(--text-muted);cursor:pointer;padding:2px 4px;line-height:1}.search-box__clear:hover{color:var(--text)}.patient-name-cell{display:flex;align-items:center;gap:10px}.patient-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.patient-avatar--placeholder{background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.03em}.auth-lang-switcher{position:fixed;top:14px;right:18px;display:flex;gap:4px;z-index:100}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}@media (max-width: 768px){.auth-layout{grid-template-columns:1fr}.auth-layout__brand{display:none}}.auth-layout__brand{background:var(--brand);background-image:linear-gradient(135deg,#1e40af,#2563eb,#0ea5e9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff;padding:48px}.auth-layout__brand-img{height:52px;width:auto;filter:brightness(0) invert(1)}.input-eye-wrap{position:relative;display:flex;align-items:center}.input-eye-wrap input{width:100%;padding-right:38px}.input-eye-btn{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:4px;color:var(--text-muted);display:flex;align-items:center;line-height:1}.input-eye-btn svg{width:18px;height:18px}.input-eye-btn:hover{color:var(--text)}.auth-layout__brand-powered{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:.8rem;opacity:.75;color:#fff}.auth-layout__brand-ehrbase{display:flex;align-items:center;gap:5px;font-weight:700;font-size:.82rem;color:#fff}.auth-layout__brand-ehrbase-icon{width:18px;height:18px;background:#ffffff40;border-radius:4px;display:flex;align-items:center;justify-content:center}.auth-layout__brand-ehrbase-icon svg{width:11px;height:11px;stroke:#fff}.auth-layout__brand p{font-size:1rem;opacity:.8;text-align:center;max-width:280px;line-height:1.6}.auth-layout__form-panel{display:flex;align-items:center;justify-content:center;padding:48px 24px;background:var(--bg)}.auth-box{width:100%;max-width:380px}.auth-box__title{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:6px}.auth-box__sub{font-size:.9rem;color:var(--text-muted);margin-bottom:28px}.auth-box .field{margin-bottom:16px}.auth-box .btn--lg{margin-top:8px}.auth-box__footer{margin-top:20px;text-align:center;font-size:.88rem;color:var(--text-muted)}.auth-box__footer a{font-weight:600;text-decoration:none}.patient-form{display:flex;flex-direction:column;gap:16px}.patient-form__actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.form-section-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding-bottom:4px;border-bottom:1px solid var(--border);margin-top:4px}.field--wide{grid-column:span 1}.field--narrow{max-width:180px}.photo-section{display:flex;flex-direction:column;gap:10px}.photo-preview{width:160px;height:160px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--border);background:var(--surface-alt, #f5f5f5);flex-shrink:0}.photo-preview img,.photo-preview .photo-video{width:100%;height:100%;object-fit:cover}.photo-actions{display:flex;gap:8px;flex-wrap:wrap}.btn--sm{height:30px;padding:0 12px;font-size:.8rem}.access-section{display:flex;flex-direction:column;gap:16px}.access-section__title{font-size:.9rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.access-empty{font-size:.88rem;color:var(--text-muted);padding:12px 0}.grant-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);gap:12px}.grant-item:last-of-type{border-bottom:none}.grant-item__name{font-size:.9rem;font-weight:500}.grant-item__email{font-size:.8rem;color:var(--text-muted)}.grant-add{display:flex;gap:8px;padding-top:4px}.grant-add input{flex:1;height:38px;padding:0 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;outline:none}.grant-add input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1f}.detail-grid{display:grid;grid-template-columns:280px 1fr 300px;gap:20px;align-items:start}@media (max-width: 1100px){.detail-grid{grid-template-columns:280px 1fr}.detail-grid>:last-child{grid-column:1 / -1}}@media (max-width: 700px){.detail-grid{grid-template-columns:1fr}}.detail-row{display:flex;border-bottom:1px solid #f1f5f9;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row__label{width:130px;min-width:90px;flex-shrink:0;font-size:.82rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding-top:1px}.detail-row__value{font-size:.92rem;color:var(--text)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 600px){.stats-row{grid-template-columns:1fr}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.stat-card__label{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.stat-card__value{font-size:1.8rem;font-weight:700;color:var(--text);line-height:1}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted);font-size:.9rem}.empty-state svg{width:40px;height:40px;stroke:#cbd5e1;margin:0 auto 12px;display:block}.page-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted);font-size:.9rem}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:500;color:var(--text-muted);text-decoration:none}.back-link:hover{color:var(--text)}.section-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius-lg);padding:28px;max-width:420px;width:100%;box-shadow:var(--shadow-lg);animation:slideUp .15s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal h3{font-size:1.1rem;font-weight:700;margin-bottom:10px}.modal p{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:24px}.modal__actions{display:flex;justify-content:flex-end;gap:8px}.user-avatar-sm{width:32px;height:32px;border-radius:50%;background:var(--brand-light);color:var(--brand-dark);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.03em}.contacts-field{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.contact-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:center}.contact-row__input,.contact-row__select{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.9rem;box-sizing:border-box}.contact-row__remove{padding:6px 10px;font-size:1rem;line-height:1;flex-shrink:0}.pd-contacts{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.pd-contacts__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px}.pd-contact-row{display:flex;gap:12px;align-items:baseline;padding:4px 0;font-size:.9rem}.pd-contact-row__name{font-weight:600;color:var(--text)}.pd-contact-row__rel{color:var(--text-muted);font-size:.8rem}.pd-contact-row__phone{color:var(--brand);font-size:.85rem;margin-left:auto}.col--chevron{width:24px;padding-right:12px!important;text-align:right;color:var(--text-muted);font-size:1.1rem}.col--show-mobile{display:none}.patient-sub{font-size:.75rem;color:var(--text-muted);margin-top:2px}@media (max-width: 640px){.col--hide-mobile{display:none}.col--show-mobile{display:block}.data-table td,.data-table th{padding:12px 10px}.patient-avatar{width:40px;height:40px;font-size:.8rem}}.dob-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.dob-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}.input--readonly{background:var(--surface-alt, #f8fafc)!important;color:var(--text-muted)!important;cursor:default;border-color:var(--border)!important}.field--full{grid-column:1 / -1}.app-header{position:sticky;top:0;z-index:100;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);height:var(--header-h)}.app-header__inner{max-width:1200px;margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;gap:32px}.app-header__brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.app-header__brand-img{height:36px;width:auto;display:block}.app-header__nav{display:flex;align-items:center;gap:4px;flex:1}.app-header__nav-link{padding:6px 12px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--text-muted);text-decoration:none;transition:background .15s,color .15s}.app-header__nav-link:hover{background:var(--bg);color:var(--text)}.app-header__nav-link--active{background:var(--brand-light);color:var(--brand)}.app-header__lang{display:flex;align-items:center;gap:2px;flex-shrink:0}.app-header__lang-btn{padding:3px 8px;border-radius:5px;font-size:.75rem;font-weight:700;border:1.5px solid transparent;background:none;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s}.app-header__lang-btn:hover{background:var(--bg);color:var(--text)}.app-header__lang-btn--active{background:var(--brand-light);color:var(--brand);border-color:var(--brand-light)}.app-header__user{position:relative;flex-shrink:0}.app-header__avatar{display:flex;align-items:center;gap:6px;background:var(--brand-light);color:var(--brand-dark);border:none;border-radius:9999px;padding:5px 12px 5px 8px;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s;letter-spacing:.03em}.app-header__avatar:hover{background:#dbeafe}.app-header__chevron{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}.app-header__admin-dot{width:7px;height:7px;background:#f59e0b;border-radius:50%;margin-left:-2px}.user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;animation:menuIn .12s ease}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-menu__header{padding:12px 14px;display:flex;flex-direction:column;gap:2px}.user-menu__header strong{font-size:.9rem;color:var(--text)}.user-menu__header span{font-size:.8rem;color:var(--text-muted)}.user-menu__divider{height:1px;background:var(--border)}.user-menu__item{display:block;width:100%;padding:9px 14px;background:none;border:none;text-align:left;font-size:.88rem;color:var(--text);cursor:pointer;transition:background .1s;text-decoration:none}.user-menu__item:hover{background:var(--bg)}.user-menu__item--danger{color:var(--danger)}.user-menu__item--danger:hover{background:var(--danger-bg)}.page-header{background:var(--surface);border-bottom:1px solid var(--border)}.page-header__inner{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.page-header__title{font-size:1.2rem;font-weight:700;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header__actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:28px 24px;display:flex;flex-direction:column;gap:20px}.app-footer{border-top:1px solid var(--border);background:var(--surface);padding:14px 24px}.app-footer__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px}.app-footer__powered{font-size:.78rem;color:var(--text-muted)}.app-footer__ehrbase{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;color:#0063e3;letter-spacing:.01em}.app-footer__ehrbase-icon{width:20px;height:20px;background:#0063e3;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.app-footer__ehrbase-icon svg{width:12px;height:12px}.wtf{display:flex;flex-direction:column;gap:20px}.wtf__step{display:flex;align-items:center;gap:10px}.wtf__step-label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text)}.wtf__step-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;font-size:12px;font-weight:700}.wtf__select{width:100%;max-width:400px}.wtf__loading{color:var(--text-muted);font-size:14px;margin:0}.wtf__form{display:flex;flex-direction:column;gap:20px}.wtf__groups{display:flex;flex-direction:column;gap:24px}.wtf__group{display:flex;flex-direction:column;gap:12px}.wtf__group--sub{margin-left:16px}.wtf__group-body{display:flex;flex-direction:column;gap:16px}.wtf__instance{display:flex;flex-direction:column;gap:12px}.wtf__instance--bordered{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:var(--surface)}.wtf__instance-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.wtf__add-btn{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;height:30px;padding:0 12px;border:1.5px dashed var(--brand);border-radius:var(--radius-sm);background:none;color:var(--brand);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .12s}.wtf__add-btn:hover{background:#eff6ff}.wtf__group-instances{font-size:10px;font-weight:700;color:var(--brand);letter-spacing:0;text-transform:none;margin-right:2px}.wtf__group-header-row{display:flex;align-items:center;gap:4px}.wtf__group-add-btn{flex-shrink:0;width:22px;height:22px;border-radius:4px;border:1px solid var(--border);background:var(--bg);color:var(--brand);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.wtf__group-add-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.wtf__group-heading{display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:6px 10px;background:var(--bg);border-radius:4px;border:none;border-left:3px solid var(--brand);cursor:pointer;transition:background .12s}.wtf__group-heading:hover{background:#eff6ff;color:var(--brand)}.wtf__group-heading--sub{font-size:10px;background:transparent;border-left-color:#93c5fd;padding:4px 8px}.wtf__group-heading--sub:hover{background:#f0f9ff}.wtf__group-heading--error{border-left-color:var(--danger)}.wtf__group-chevron{font-size:13px;flex-shrink:0}.wtf__group-label{flex:1}.wtf__group-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:18px;padding:0 6px;border-radius:9999px;background:#dbeafe;color:#1d4ed8;font-size:10px;font-weight:700;letter-spacing:0;text-transform:none;transition:background .15s,color .15s}.wtf__group-count--done{background:var(--success-bg);color:var(--success)}.wtf__group-error-dot{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--danger);color:#fff;font-size:10px;font-weight:700;letter-spacing:0;text-transform:none}.wtf__fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.wtf__repeatable-field{display:flex;flex-direction:column;gap:6px}.wtf__repeatable-field-instance{display:flex;align-items:flex-start;gap:8px}.wtf__field-instance-num{font-size:11px;color:var(--text-muted);padding-top:28px;min-width:22px;text-align:right}.wtf__field-add-btn{align-self:flex-start;font-size:12px;color:var(--brand);background:none;border:1px dashed var(--accent);border-radius:4px;padding:3px 10px;cursor:pointer}.wtf__field-add-btn:hover{background:var(--accent);color:#fff}.wtf__field{display:flex;flex-direction:column;gap:6px}.wtf__field--check{flex-direction:row;align-items:center}.wtf__label{font-size:13px;font-weight:500;color:var(--text)}.wtf__label-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;cursor:pointer}.wtf__req{color:var(--danger);margin-left:2px}.wtf__textarea{width:100%;resize:vertical;min-height:80px;font-family:inherit;font-size:13px;line-height:1.5;padding:6px 8px;border:1.5px solid var(--border);border-radius:var(--radius-sm, 6px);background:var(--surface);color:var(--text);transition:border-color .15s;box-sizing:border-box}.wtf__textarea:focus{outline:none;border-color:var(--brand)}.wtf__field--error .wtf__textarea{border-color:var(--danger)}.wtf__quantity{display:flex;gap:8px;align-items:center}.wtf__quantity input{flex:1;min-width:0}.wtf__quantity select{width:auto;min-width:80px}.wtf__unit{font-size:13px;color:var(--text-muted)}.wtf__layout-section{border:2px solid #c7d2fe;border-radius:10px;overflow:hidden;background:#f8f9ff}.wtf__layout-section__body .wtf__layout-section{border-color:#dde4ff;background:#fff;border-width:1px}.wtf__layout-section__body .wtf__layout-section .wtf__layout-section__head{background:#eef2ff;border-bottom-color:#dde4ff}.wtf__layout-section__body .wtf__layout-section .wtf__layout-section__label{font-size:10px;color:#6366f1}.wtf__layout-section--error{border-color:#fca5a5}.wtf__layout-section__head{display:flex;align-items:center;gap:8px;padding:7px 14px;background:#e0e7ff;border-bottom:1px solid #c7d2fe}.wtf__layout-section--error .wtf__layout-section__head{background:#fee2e2;border-bottom-color:#fca5a5}.wtf__layout-section__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#4338ca;flex:1}.wtf__layout-section--error .wtf__layout-section__label{color:var(--danger)}.wtf__layout-section__body{padding:14px;display:flex;flex-direction:column;gap:16px}.wtf__actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border)}.wtf__field--error input,.wtf__field--error select{border-color:var(--danger)!important}.wtf__field-error{font-size:11px;color:var(--danger);margin-top:2px}.wtf__with-sidebar{display:grid;grid-template-columns:1fr 240px;gap:20px;align-items:start}.wtf__sidebar{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.wtf__sidebar-head{padding:8px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:#eff6ff;border-bottom:1px solid var(--border)}.wtf__sidebar-item{display:flex;flex-direction:column;gap:2px;padding:8px 14px;border-bottom:1px solid var(--border)}.wtf__sidebar-item:last-child{border-bottom:none}.wtf__sidebar-label{font-size:11px;color:var(--text-muted)}.wtf__sidebar-value{font-size:13px;font-weight:500}.wtf__lang-bar{display:flex;gap:4px;margin-bottom:8px}.wtf__lang-tab{padding:2px 10px;border-radius:5px;font-size:11px;font-weight:700;border:1.5px solid var(--border);background:none;color:var(--text-muted);cursor:pointer}.wtf__lang-tab:hover{background:var(--bg)}.wtf__lang-tab--active{background:var(--brand);color:#fff;border-color:var(--brand)}.wtf__snomed-wrap{position:relative;display:flex;align-items:center}.wtf__snomed-wrap input{flex:1}.wtf__snomed-spinner{position:absolute;right:8px;font-size:12px;pointer-events:none;opacity:.6}.wtf__snomed-dropdown{position:absolute;top:100%;left:0;right:0;z-index:200;margin:2px 0 0;padding:4px 0;list-style:none;background:var(--surface);border:1.5px solid #86efac;border-radius:8px;box-shadow:0 6px 20px #00000021;max-height:220px;overflow-y:auto}.wtf__snomed-option{display:flex;align-items:baseline;gap:8px;padding:6px 12px;cursor:pointer;transition:background .1s}.wtf__snomed-option:hover{background:#f0fdf4}.wtf__snomed-term{font-size:13px;font-weight:500;flex:1;min-width:0}.wtf__snomed-id{font-size:10px;color:var(--text-muted);font-family:monospace;flex-shrink:0}.wtf__slot--extra{margin-top:16px;padding-top:12px;border-top:2px dashed var(--border)}.wtf__slot-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.wtf__slot-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.wtf__slot-remove{background:none;border:none;cursor:pointer;font-size:13px;color:var(--text-muted);padding:2px 6px;border-radius:4px}.wtf__slot-remove:hover{background:#fee2e2;color:var(--danger)}.wtf__add-template-btn{margin-top:12px;align-self:flex-start;padding:5px 14px;border:1.5px dashed #a5b4fc;border-radius:7px;background:none;color:#6366f1;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s;display:block}.wtf__add-template-btn:hover{background:#eef2ff;border-color:#6366f1}.cv-modal{background:var(--surface);border-radius:var(--radius);box-shadow:0 8px 40px #0003;width:min(680px,96vw);max-height:86vh;display:flex;flex-direction:column;overflow:hidden}.cv-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 22px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.cv-head__title{font-size:17px;font-weight:700;margin:0 0 6px}.cv-head__meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted)}.cv-close{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-muted);padding:3px 7px;border-radius:5px;line-height:1}.cv-close:hover{background:var(--bg);color:var(--text)}.cv-body{flex:1;overflow-y:auto;padding:16px 22px;display:flex;flex-direction:column;gap:16px}.cv-section{display:flex;flex-direction:column;gap:4px}.cv-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:4px 10px;background:var(--bg);border-radius:4px;border-left:3px solid var(--brand);margin-bottom:2px}.cv-entries{border:1px solid var(--border);border-radius:6px;overflow:hidden}.cv-entry{display:flex;align-items:baseline;gap:12px;padding:9px 14px;border-bottom:1px solid var(--border)}.cv-entry:last-child{border-bottom:none}.cv-entry:nth-child(2n){background:var(--bg)}.cv-entry__label{font-size:13px;color:var(--text-muted);min-width:200px;flex-shrink:0}.cv-entry__label--path{font-size:11px;font-family:monospace}.cv-entry__value{font-size:14px;font-weight:600;color:var(--text)}.cv-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 22px;border-top:1px solid var(--border);flex-shrink:0}.cv-footer__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cv-uid{font-size:11px;color:var(--text-muted);font-family:monospace}.trends{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:20px 24px}.trends__empty{padding:24px;color:var(--text-muted);text-align:center;font-size:14px}.trend-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px 10px;display:flex;flex-direction:column;gap:2px}.trend-card__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:2px}.trend-card__latest{font-size:22px;font-weight:700;color:var(--text);display:flex;align-items:baseline;gap:8px}.trend-card__single{font-size:28px;font-weight:700;color:var(--brand)}.trend-card__date{font-size:12px;color:var(--text-muted)}.trend-card__diff{font-size:13px;font-weight:600;color:var(--text-muted)}.trend-card__diff.up{color:var(--danger)}.trend-card__diff.down{color:var(--success)}.trend-svg{display:block;margin-top:6px;overflow:visible}.tc-axis{stroke:var(--border);stroke-width:1}.tc-line{stroke:var(--brand);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.tc-fill{fill:var(--brand);opacity:.1}.tc-dot{fill:var(--brand);stroke:var(--surface);stroke-width:2;cursor:default}.tc-tick{font-size:9px;fill:var(--text-muted);font-family:inherit}.pd-info-bar{display:grid;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.pd-info-bar--2col{grid-template-columns:repeat(2,1fr)}.pd-info-bar--3col{grid-template-columns:repeat(3,1fr)}.pd-info-bar--editing{grid-template-columns:1fr 1fr}.pd-info-bar--editing .pd-panel:first-child{grid-column:1 / -1;border-right:none;border-bottom:1px solid var(--border)}.pd-info-bar--editing .pd-panel:nth-child(2){border-right:1px solid var(--border)}@media (max-width: 860px){.pd-info-bar--3col{grid-template-columns:repeat(2,1fr)}.pd-info-bar--3col .pd-panel:last-child{grid-column:1 / -1;border-top:1px solid var(--border);border-right:none}}@media (max-width: 540px){.pd-info-bar--2col,.pd-info-bar--3col,.pd-info-bar--editing{grid-template-columns:1fr}.pd-info-bar--editing .pd-panel:first-child{grid-column:1}.pd-info-bar--editing .pd-panel:nth-child(2){border-right:none}.pd-panel{border-right:none!important;border-bottom:1px solid var(--border)}.pd-panel:last-child{border-bottom:none}}.pd-panel{padding:16px 20px;min-width:0;border-right:1px solid var(--border)}.pd-panel:last-child{border-right:none}.pd-panel__head{display:flex;flex-direction:column;gap:6px;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid var(--border)}.pd-panel__head-top{display:flex;align-items:center;gap:8px}.pd-panel__head-actions{display:flex;flex-wrap:wrap;gap:6px}.pd-panel__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.pd-patient-header{display:flex;align-items:center;gap:14px;padding:12px 0 14px;border-bottom:1px solid var(--border);margin-bottom:8px}.pd-photo{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid var(--border);flex-shrink:0;background:var(--bg)}.pd-photo img{width:100%;height:100%;object-fit:cover}.pd-photo--placeholder{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:1.1rem;font-weight:700;text-transform:uppercase}.pd-patient-header__name{font-size:1rem;font-weight:700;color:var(--text);line-height:1.2}.pd-patient-header__sub{font-size:.8rem;color:var(--text-muted);margin-top:2px}.pd-fields{display:grid;grid-template-columns:1fr 1fr;gap:0}.pd-row{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px solid #f1f5f9;min-width:0}.pd-row:last-child{border-bottom:none}.pd-row--full{grid-column:1 / -1}.pd-row__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.pd-row__value{font-size:13px;color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-code{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.pd-empty{padding:20px 24px;color:var(--text-muted);font-size:14px;margin:0}.pd-table-wrap{overflow-x:auto}.pd-tabs{display:flex;border-bottom:1px solid var(--border)}.pd-tab{padding:10px 20px;font-size:13px;font-weight:600;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px;transition:color .15s}.pd-tab:hover{color:var(--text)}.pd-tab--active{color:var(--brand);border-bottom-color:var(--brand)}.pd-timeline{display:flex;flex-direction:column}.pd-tpl-group{border-bottom:1px solid var(--border)}.pd-tpl-group:last-child{border-bottom:none}.pd-tpl-header{display:flex;align-items:center;gap:10px;width:100%;padding:11px 20px;background:none;border:none;cursor:pointer;text-align:left;transition:background .12s}.pd-tpl-header:hover{background:var(--bg)}.pd-tpl-chevron{font-size:12px;color:var(--text-muted);flex-shrink:0}.pd-tpl-name{font-size:13px;font-weight:600;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-modal{background:var(--surface);border-radius:var(--radius);box-shadow:0 8px 40px #00000038;width:min(1140px,97vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.tc-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 22px;border-bottom:1px solid var(--border);flex-shrink:0}.tc-head>div:first-child{flex:1;min-width:160px}.tc-head__close{margin-left:auto}.tc-head__gender{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}.tc-head__gender-label{font-size:12px;color:var(--text-muted);white-space:nowrap}.tc-gender-opt{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;cursor:pointer;padding:3px 9px;border-radius:99px;border:1.5px solid var(--border);background:var(--bg);color:var(--text-muted);transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.tc-gender-opt input[type=radio]{display:none}.tc-gender-opt:hover{border-color:var(--primary);color:var(--primary);background:#eff6ff}.tc-gender-opt--active{border-color:var(--primary);background:#dbeafe;color:var(--primary);font-weight:700}.tc-head__title{font-size:17px;font-weight:700;margin:0 0 3px}.tc-head__sub{font-size:13px;color:var(--text-muted);margin:0}.tc-default-toggle{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;cursor:pointer;padding:4px 10px;border-radius:99px;border:1.5px solid var(--border);background:var(--bg);color:var(--text-muted);white-space:nowrap;transition:background .12s,border-color .12s,color .12s;flex-shrink:0}.tc-default-toggle input[type=checkbox]{display:none}.tc-default-toggle:hover{border-color:#f59e0b;color:#92400e;background:#fef9c3}.tc-default-toggle--on{border-color:#f59e0b;background:#fef3c7;color:#92400e;font-weight:700}.tc-head__close{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-muted);padding:3px 7px;border-radius:5px;line-height:1}.tc-head__close:hover{background:var(--bg);color:var(--text)}.tc-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:13px 22px;border-top:1px solid var(--border);flex-shrink:0}.tc-footer__reset-btn{margin-right:auto;opacity:.7;font-size:12px}.tc-footer__reset-btn:hover{opacity:1}.tc-footer__confirm{display:flex;align-items:center;gap:8px;margin-right:auto;font-size:13px;color:var(--text-muted)}.btn--danger{background:#dc2626;color:#fff;border-color:#dc2626}.btn--danger:hover{background:#b91c1c;border-color:#b91c1c}.btn--sm{padding:4px 12px;font-size:12px}.tc-layout{display:grid;grid-template-columns:1fr 300px;flex:1;overflow:hidden;min-height:0}.tc-right{display:flex;flex-direction:column;border-left:1px solid var(--border);overflow:hidden;min-height:0}.tc-form-panel{display:flex;flex-direction:column;overflow:hidden;min-height:0}.tc-form-body{flex:1;overflow-y:auto;padding:12px 16px 20px;display:flex;flex-direction:column;gap:0}.tc-sentinel{height:6px;border-radius:4px;transition:height .12s,background .12s;margin:2px 0}.tc-sentinel--active{height:14px;background:#bfdbfe;border:2px dashed #3b82f6}.tc-row{display:flex;flex-direction:column;border:1.5px solid var(--border);border-radius:7px;background:var(--surface);cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow .12s,opacity .12s;margin:2px 0}.tc-row:hover{box-shadow:0 2px 8px #0000001a;border-color:#a5b4fc}.tc-row:active{cursor:grabbing}.tc-row--dragging{opacity:.25;box-shadow:none}.tc-row--conditioned{border-color:#f59e0b;background:#fffbeb}.tc-row--conditioned:hover{border-color:#d97706}.tc-row__main{display:flex;align-items:center;gap:8px;padding:6px 8px}.tc-row__cond-editor{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:5px 10px 7px 32px;border-top:1px solid #fde68a;background:#fef9c3;border-radius:0 0 6px 6px;cursor:default}.tc-row__cond-label{font-size:11px;font-weight:600;color:#92400e;white-space:nowrap}.tc-row__cond-eq{font-size:12px;font-weight:700;color:#92400e}.tc-row__cond-select{font-size:12px;padding:2px 6px;border:1.5px solid #fcd34d;border-radius:5px;background:#fff;color:var(--text);cursor:pointer;max-width:200px}.tc-row__grip{color:var(--text-muted);font-size:15px;flex-shrink:0;cursor:grab}.tc-row__main .tc-row__grip{cursor:grab}.tc-row__label-wrap{display:flex;align-items:center;gap:4px;width:180px;flex-shrink:0;min-width:0}.tc-row__label{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-row__label-input{width:100%;font-size:13px;font-weight:600;padding:2px 6px;border:1.5px solid var(--brand);border-radius:4px;outline:none;background:#fff}.tc-row__edit-btn{background:none;border:none;cursor:pointer;font-size:11px;color:var(--text-muted);padding:0 2px;opacity:0;transition:opacity .12s;flex-shrink:0}.tc-row:hover .tc-row__edit-btn{opacity:1}.tc-row__edit-btn:hover{color:var(--brand)}.tc-act-btn--cond{font-size:13px}.tc-act-btn--cond:hover{background:#fef3c7;border-color:#fcd34d;color:#92400e}.tc-act-btn--cond-on{opacity:1!important;background:#fef3c7;border-color:#f59e0b;color:#92400e}.tc-act-btn--snomed{font-size:13px}.tc-act-btn--snomed:hover{background:#f0fdf4;border-color:#86efac;color:#166534}.tc-act-btn--snomed-on{opacity:1!important;background:#dcfce7;border-color:#4ade80;color:#166534}.tc-row__snomed-editor{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:5px 12px 7px;border-top:1px solid #86efac;background:#f0fdf4;cursor:default}.tc-row__snomed-toggle{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#166534;cursor:pointer;white-space:nowrap}.tc-row__snomed-sep{font-size:12px;color:#166534;white-space:nowrap}.tc-row__preview{flex:1;min-width:0;opacity:.55;font-size:13px}.tc-row__actions{display:flex;gap:4px;flex-shrink:0}.tc-act-btn{background:none;border:1.5px solid var(--border);border-radius:5px;cursor:pointer;font-size:12px;padding:2px 6px;line-height:1.4;opacity:0;transition:opacity .12s,background .12s,border-color .12s}.tc-row:hover .tc-act-btn{opacity:1}.tc-act-btn--pin:hover{background:#eff6ff;border-color:#93c5fd}.tc-act-btn--hide:hover{background:#fef2f2;border-color:#fca5a5;color:var(--danger)}.tc-section{border:2px solid #c7d2fe;border-radius:10px;background:#f8f9ff;margin:6px 0;transition:opacity .12s;overflow:hidden}.tc-section--dragging{opacity:.25}.tc-section__head{display:flex;align-items:center;gap:6px;padding:7px 10px;background:#e0e7ff;border-bottom:1px solid #c7d2fe;cursor:grab;-webkit-user-select:none;user-select:none}.tc-section__head:active{cursor:grabbing}.tc-section__grip{color:#6366f1;font-size:14px;flex-shrink:0}.tc-section__label{font-size:12px;font-weight:700;color:#4338ca;text-transform:uppercase;letter-spacing:.06em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-section__label-input{flex:1;font-size:12px;font-weight:700;padding:2px 6px;border:1.5px solid #6366f1;border-radius:4px;outline:none;background:#fff;text-transform:uppercase;letter-spacing:.06em}.tc-section__edit-btn,.tc-section__del-btn{background:none;border:none;cursor:pointer;font-size:11px;color:#6366f1;padding:0 3px;flex-shrink:0;line-height:1;border-radius:3px;opacity:.6;transition:opacity .12s,background .12s}.tc-section__head:hover .tc-section__edit-btn,.tc-section__head:hover .tc-section__del-btn{opacity:1}.tc-section__del-btn:hover{background:#fee2e2;color:var(--danger)}.tc-section__edit-btn:hover{background:#e0e7ff}.tc-section__header-toggle{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600;cursor:pointer;padding:2px 7px;border-radius:4px;border:1.5px solid #a5b4fc;background:#e0e7ff;color:#4338ca;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:background .12s,border-color .12s}.tc-section__header-toggle:hover{background:#c7d2fe;border-color:#818cf8}.tc-section__header-toggle--off{background:#f3f4f6;border-color:#d1d5db;color:#9ca3af}.tc-section__header-toggle--off:hover{background:#e5e7eb;border-color:#9ca3af}.tc-section__cond-btn{background:none;border:none;cursor:pointer;font-size:13px;color:#6366f1;padding:0 4px;flex-shrink:0;line-height:1;border-radius:3px;opacity:.6;transition:opacity .12s,background .12s}.tc-section__head:hover .tc-section__cond-btn{opacity:1}.tc-section__cond-btn:hover{background:#fef3c7;color:#92400e}.tc-section__cond-btn--on{opacity:1!important;color:#92400e;background:#fef3c7}.tc-section--conditioned{border-color:#f59e0b}.tc-section--conditioned .tc-section__head{background:#fef9c3;border-bottom-color:#fde68a}.tc-section__cond-editor{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:5px 12px 7px;border-bottom:1px solid #fde68a;background:#fef9c3;cursor:default}.tc-section--inline{border:2px dashed #a5b4fc;background:#faf5ff}.tc-section--inline .tc-section__head{background:#ede9fe;border-bottom-color:#a5b4fc}.tc-section__label--muted{color:#818cf8;font-style:italic}.tc-section__body{padding:6px 8px 8px;display:flex;flex-direction:column;gap:0;min-height:32px}.tc-section__children{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-left:12px;border-left:2px solid #c7d2fe}.tc-add-section-btn{align-self:flex-start;margin-top:10px;padding:5px 14px;border:1.5px dashed #a5b4fc;border-radius:7px;background:none;color:#6366f1;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}.tc-add-section-btn:hover{background:#eef2ff;border-color:#6366f1}.tc-zone{display:flex;flex-direction:column;transition:background .12s;min-height:0;overflow:hidden}.tc-zone--sidebar{flex:1;overflow:hidden}.tc-zone--hidden{flex-shrink:0;max-height:160px;border-top:1px solid var(--border)}.tc-zone-head{display:flex;align-items:center;gap:8px;padding:9px 16px;border-bottom:3px solid;flex-shrink:0}.tc-zone-head--green{border-color:#16a34a;background:#f0fdf4}.tc-zone-head--blue{border-color:#1d4ed8;background:#eff6ff}.tc-zone-head--gray{border-color:#94a3b8;background:#f8fafc}.tc-zone-head__title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.tc-zone-head--green .tc-zone-head__title{color:#16a34a}.tc-zone-head--blue .tc-zone-head__title{color:#1d4ed8}.tc-zone-head--gray .tc-zone-head__title{color:#64748b}.tc-zone-head__desc{font-size:11px;color:var(--text-muted);margin-left:auto}.tc-badge{font-size:11px;font-weight:700;color:#fff;padding:1px 8px;border-radius:999px;min-width:22px;text-align:center}.tc-badge--green{background:#16a34a}.tc-badge--blue{background:#1d4ed8}.tc-badge--gray{background:#94a3b8}.tc-zone-body{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.tc-zone-body--chips{flex-direction:row;flex-wrap:wrap;gap:6px;padding:10px 14px;align-content:flex-start}.tc-drop-hint{display:flex;align-items:center;justify-content:center;min-height:72px;border:2px dashed var(--border);border-radius:8px;color:var(--text-muted);font-size:12px;text-align:center;padding:14px}.tc-muted-hint{font-size:12px;color:var(--text-muted)}.tc-card{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;padding:9px 11px;cursor:grab;display:flex;flex-direction:column;gap:7px;transition:box-shadow .15s,opacity .15s;box-shadow:0 1px 3px #00000012;-webkit-user-select:none;user-select:none}.tc-card:hover{box-shadow:0 3px 10px #0000001f}.tc-card:active{cursor:grabbing}.tc-card--dragging{opacity:.28;box-shadow:none}.tc-card--fixed{border-color:#bfdbfe;background:#f8fbff}.tc-card__top{display:flex;align-items:center;gap:5px}.tc-card__grip{color:var(--text-muted);font-size:15px;flex-shrink:0;cursor:grab}.tc-card__label{font-size:13px;font-weight:600;flex:1;min-width:0;word-break:break-word}.tc-req{color:var(--danger);font-size:11px}.tc-card__default-lbl{font-size:10px;font-weight:700;color:#1d4ed8;text-transform:uppercase;letter-spacing:.04em}.tc-card__btns{display:flex;gap:5px;flex-wrap:wrap}.tc-btn{font-size:11px;padding:2px 9px;border-radius:999px;border:1.5px solid;cursor:pointer;font-weight:600;background:transparent;transition:background .12s,color .12s;line-height:1.6}.tc-btn--green{border-color:#16a34a;color:#16a34a}.tc-btn--green:hover{background:#16a34a;color:#fff}.tc-btn--gray{border-color:#94a3b8;color:#64748b}.tc-btn--gray:hover{background:#94a3b8;color:#fff}.tc-chip{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;border:1px solid #cbd5e1;padding:3px 8px 3px 10px;border-radius:999px;font-size:12px;color:#64748b;cursor:grab;transition:opacity .15s}.tc-chip--drag{opacity:.3}.tc-chip__x{background:none;border:none;cursor:pointer;font-size:14px;color:#94a3b8;padding:0;line-height:1}.tc-chip__x:hover{color:var(--danger)}.tc-label-input{flex:1;font-size:13px;font-weight:600;padding:2px 6px;border:1.5px solid var(--brand);border-radius:4px;outline:none;min-width:0;background:#fff}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:36px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--surface);-webkit-user-select:none;user-select:none}.drop-zone:hover,.drop-zone--active{border-color:var(--brand);background:var(--brand-light)}.drop-zone--uploading{cursor:wait;opacity:.7}.drop-zone__icon{width:44px;height:44px;margin:0 auto 12px;color:var(--text-muted)}.drop-zone--active .drop-zone__icon{color:var(--brand)}.drop-zone__icon svg{width:100%;height:100%}.drop-zone__text{font-size:.93rem;color:var(--text-muted);margin-bottom:4px}.drop-zone__link{color:var(--brand);font-weight:600;text-decoration:underline}.drop-zone__hint{font-size:.8rem;color:#94a3b8}.archetype-tag{display:inline-block;font-family:SFMono-Regular,Consolas,monospace;font-size:.76rem;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);padding:2px 7px;border-radius:4px;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}