:root{--primary:#087f78;--primary-dark:#07655f;--primary-soft:#e9f6f4;--ink:#15363a;--muted:#71878b;--line:#dfe9e8;--surface:#fff;--bg:#f4f8f7;--danger:#b84c4c;--warning:#b5791d;--blue:#426fc2;--shadow:0 8px 28px rgba(27,71,70,.07);font-family:Vazirmatn,Tahoma,Arial,sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:13px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.card{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}
.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1.15fr;background:#fff}.login-aside{position:relative;background:linear-gradient(145deg,#064e4b,#0a8980);color:#fff;padding:55px 65px;display:flex;flex-direction:column;overflow:hidden}.login-aside:after{content:"";position:absolute;width:520px;height:520px;border:90px solid rgba(255,255,255,.05);border-radius:50%;bottom:-280px;left:-180px}.login-brand,.brand{display:flex;align-items:center;gap:12px}.login-brand>span,.logo,.mobile-logo{width:47px;height:47px;border-radius:14px;background:#fff;color:var(--primary);display:grid;place-items:center;font-size:22px}.login-brand b,.login-brand small,.brand b,.brand small{display:block}.login-brand small{opacity:.7;font-size:10px;margin-top:4px}.login-copy{margin:auto 0;max-width:530px;position:relative;z-index:1}.eyebrow{display:block;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.04em;margin-bottom:10px}.login-copy .eyebrow{color:#a9e8df}.login-copy h1{font-size:42px;line-height:1.35;margin:0 0 18px}.login-copy p{font-size:15px;line-height:2;opacity:.75}.privacy-note{font-size:10px;opacity:.65;position:relative;z-index:1}.login-main{display:grid;place-items:center;padding:40px;position:relative}.login-card{width:min(430px,100%)}.login-card h2{font-size:28px;margin:14px 0 5px}.login-card>p{color:var(--muted);margin:0 0 25px}.mobile-logo{display:none;background:var(--primary);color:#fff}.login-lang{position:absolute;top:25px;left:25px}.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.role-option{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;gap:10px;align-items:center;cursor:pointer}.role-option.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);background:var(--primary-soft)}.role-option input{display:none}.role-option>span{font-size:20px;color:var(--primary)}.role-option b,.role-option small{display:block}.role-option b{font-size:11px}.role-option small{font-size:8px;color:var(--muted);margin-top:4px}.demo-credential{display:block;text-align:center;color:var(--muted);margin-top:13px;font-size:9px}
.field{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#526a6f;margin-bottom:13px}.field input,.field select,.field textarea,.toolbar input,.toolbar select,.catalog-toolbar input,.questionnaire-toolbar input,.questionnaire-toolbar select{border:1px solid var(--line);background:#fff;border-radius:9px;min-height:42px;padding:9px 11px;outline:none}.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus,.catalog-toolbar input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(8,127,120,.08)}.btn{border:1px solid transparent;border-radius:9px;padding:10px 15px;font-weight:700;font-size:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.secondary{background:#fff;border-color:var(--line);color:#526a6f}.wide-btn{width:100%;min-height:45px}.lang-switch{border:1px solid var(--line);background:#fff;border-radius:9px;height:38px;min-width:43px;font-weight:800;color:var(--primary)}
.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:40;right:0;top:0;bottom:0;width:260px;background:#fff;border-left:1px solid var(--line);padding:0 15px;display:flex;flex-direction:column}.brand{height:82px;border-bottom:1px solid var(--line);padding:0 4px}.logo{width:42px;height:42px;background:linear-gradient(145deg,#10a096,#08756e);color:#fff}.brand b{font-size:14px}.brand small{font-size:9px;color:var(--muted);margin-top:4px}.nav{display:flex;flex-direction:column;gap:4px}.nav-title{font-size:9px;color:#98a7a9;font-weight:700;padding:20px 11px 7px}.nav button{border:0;background:transparent;border-radius:9px;padding:11px 12px;display:flex;align-items:center;gap:11px;text-align:start;color:#607579;font-size:10px}.nav button.active,.nav button:hover{background:var(--primary-soft);color:var(--primary);font-weight:700}.nav button em{font-style:normal;margin-inline-start:auto;background:#edf3f2;border-radius:10px;padding:2px 7px;font-size:8px}.demo-badge{margin-top:auto;border:1px solid #d6ebe7;background:#f0f9f7;border-radius:11px;padding:11px;display:flex;gap:8px}.demo-badge i{width:8px;height:8px;background:#26a974;border-radius:50%;box-shadow:0 0 0 4px #d7f1e5;margin-top:4px}.demo-badge b,.demo-badge small{display:block}.demo-badge b{font-size:9px}.demo-badge small{font-size:8px;color:var(--muted);margin-top:4px;line-height:1.7}.profile{height:72px;margin:12px -15px 0;padding:10px 17px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px}.avatar{width:38px;height:38px;border-radius:11px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:800}.profile div{flex:1}.profile b,.profile small{display:block}.profile b{font-size:9px}.profile small{font-size:8px;color:var(--muted);margin-top:3px}.profile button{border:0;background:transparent;color:var(--muted);font-size:18px}
.main{margin-right:260px}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:9px;color:#9aabad}.breadcrumb b{color:#536a70;border-inline-start:1px solid var(--line);padding-inline-start:9px}.top-actions{display:flex;align-items:center;gap:8px}.global-search{border:1px solid var(--line);background:#f8fbfa;border-radius:9px;height:38px;width:280px;display:flex;align-items:center;padding:0 10px;color:var(--muted)}.global-search input{border:0;background:transparent;outline:0;min-width:0;flex:1;padding:0 7px;font-size:9px}.workspace-switch{border:1px solid var(--line);background:#fff;border-radius:9px;height:38px;padding:0 11px;color:var(--primary);font-weight:700;font-size:9px}.menu-toggle{display:none;border:0;background:var(--primary-soft);border-radius:8px;padding:8px}.content{max-width:1380px;margin:auto;padding:28px 32px 60px}.page{display:none}.page.active{display:block}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:21px}.hero h1{font-size:24px;margin:0 0 6px}.hero p{font-size:10px;color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px}.stat{padding:18px;display:flex;align-items:center;gap:12px}.stat-icon{width:43px;height:43px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:18px}.stat small,.stat strong,.stat em{display:block}.stat small{font-size:9px;color:var(--muted)}.stat strong{font-size:22px;margin:3px 0}.stat em{font-size:8px;color:#8b9b9d;font-style:normal}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.panel{padding:20px}.panel h2{font-size:14px;margin:0 0 4px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head p{margin:0;color:var(--muted);font-size:8px}.link-btn,.back-btn{border:0;background:transparent;color:var(--primary);font-size:9px;font-weight:700}.visit-row,.timeline-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--line)}.visit-row:last-child,.timeline-row:last-child{border:0}.date-box{width:52px;height:48px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;text-align:center;font-size:8px}.visit-row>div:nth-child(2),.timeline-row>div:nth-child(2){flex:1}.visit-row b,.visit-row small,.timeline-row b,.timeline-row small{display:block}.visit-row b,.timeline-row b{font-size:9px}.visit-row small,.timeline-row small{font-size:8px;color:var(--muted);margin-top:3px}.visit-row time{font-size:9px;font-weight:700}.timeline-dot{width:31px;height:31px;border-radius:9px;background:#edf4f3;color:var(--primary);display:grid;place-items:center}
.toolbar{display:grid;grid-template-columns:2fr 1fr auto;gap:9px;padding:12px;margin-bottom:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{background:#f8fbfa;color:#7a8d90;font-size:8px;text-align:start;padding:12px 14px;border-bottom:1px solid var(--line)}td{font-size:9px;color:#53696e;padding:12px 14px;border-bottom:1px solid #edf2f1}tbody tr:hover{background:#f9fcfb}.patient-cell{display:flex;align-items:center;gap:9px}.mini-avatar{width:32px;height:32px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:800}.patient-cell b,.patient-cell small{display:block}.patient-cell small{color:var(--muted);font-size:8px;margin-top:3px}.pill{display:inline-flex;border-radius:15px;padding:4px 8px;background:#edf4f3;color:#58706e;font-size:8px;font-weight:700}.pill.green{background:#e5f6ed;color:#168052}.pill.amber{background:#fff2dd;color:#9b681b}.pill.red{background:#ffebeb;color:#a94949}.pill.blue{background:#e8f0ff;color:#386bc6}.status-toggle{border:0}.row-actions{display:flex;gap:4px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:7px;width:29px;height:29px;color:var(--muted)}
.patient-hero{padding:20px;display:flex;align-items:center;justify-content:space-between;margin:12px 0}.patient-main{display:flex;align-items:center;gap:14px}.big-avatar{width:64px;height:64px;border-radius:17px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:17px;font-weight:800}.title-line{display:flex;align-items:center;gap:9px}.title-line h1{font-size:20px;margin:0}.patient-main p{color:var(--muted);font-size:9px}.patient-facts{display:flex;gap:24px;margin-top:12px}.patient-facts span small,.patient-facts span b{display:block}.patient-facts small{color:var(--muted);font-size:8px}.patient-facts b{font-size:9px;margin-top:4px}.patient-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:13px}.patient-tabs button{border:0;background:transparent;padding:12px 3px;font-size:9px;color:var(--muted)}.patient-tabs button.active{color:var(--primary);font-weight:800;border-bottom:2px solid var(--primary)}.record-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:13px}.section-list .section-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.section-item>span:first-child{width:34px;height:34px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.section-item div{flex:1}.section-item b,.section-item small{display:block}.section-item b{font-size:9px}.section-item small{font-size:8px;color:var(--muted);margin-top:3px}.timeline-card{position:relative;padding-inline-start:23px}.timeline-card:before{content:"";position:absolute;top:10px;bottom:10px;inset-inline-start:7px;border-inline-start:1px dashed #b8cfcc}.history-item{position:relative;margin-bottom:17px}.history-item:before{content:"";position:absolute;width:9px;height:9px;background:var(--primary);border:3px solid #d9f0ed;border-radius:50%;inset-inline-start:-23px;top:2px}.history-item b,.history-item small{display:block}.history-item b{font-size:9px}.history-item small{font-size:8px;color:var(--muted);margin-top:4px}
.wizard-layout{display:grid;grid-template-columns:250px 1fr;gap:14px}.steps{padding:9px;height:max-content}.steps button{width:100%;border:0;background:transparent;border-radius:9px;padding:11px;display:flex;align-items:center;gap:9px;text-align:start;color:var(--muted)}.steps button.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.step-number{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.steps button.active .step-number{background:var(--primary);color:#fff}.steps b,.steps small{display:block}.steps b{font-size:9px}.steps small{font-size:8px;margin-top:3px}.wizard-panel{padding:22px;min-height:550px}.form-head h2{font-size:16px;margin:0 0 5px}.form-head p{font-size:9px;color:var(--muted);margin:0 0 18px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.choice-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px;text-align:start;min-height:76px}.choice-card.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);background:var(--primary-soft)}.choice-card b,.choice-card small{display:block}.choice-card b{font-size:10px}.choice-card small{font-size:8px;color:var(--muted);margin-top:5px}.notice{background:#f0f8f7;border:1px solid #d7eae7;color:#416c69;border-radius:10px;padding:12px;font-size:9px;line-height:1.8;margin:15px 0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 13px}.field.full{grid-column:1/-1}.conditional-questions{margin-top:15px}.question-input{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:8px}.question-input>div:first-child{display:flex;align-items:center;justify-content:space-between}.question-input b{font-size:9px}.answer-group{display:flex;gap:12px;font-size:9px;margin-top:10px}.detail-input{display:none;margin-top:10px;width:100%;border:1px solid var(--line);border-radius:8px;padding:8px}.question-input.positive .detail-input{display:block}.form-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.toggle-all{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);margin-bottom:10px}
.visit-summary{padding:18px;display:flex;justify-content:space-between;align-items:center;margin:12px 0}.visit-meta{display:flex;gap:12px;align-items:center}.visit-meta h2{font-size:16px;margin:0 0 5px}.visit-meta p{font-size:9px;color:var(--muted);margin:0}.completion{min-width:200px}.completion>div{display:flex;justify-content:space-between;font-size:9px}.progress{height:6px;border-radius:6px;background:#edf2f2;margin-top:7px;overflow:hidden}.progress i{display:block;height:100%;background:var(--primary)}.visit-layout{display:grid;grid-template-columns:255px 1fr;gap:13px}.visit-menu{padding:9px;height:max-content}.visit-menu button{width:100%;border:0;background:transparent;border-radius:8px;padding:10px;display:flex;align-items:center;gap:8px;text-align:start;font-size:9px;color:var(--muted)}.visit-menu button.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.visit-state{width:20px;height:20px;border-radius:50%;background:#edf2f2;display:grid;place-items:center;font-size:8px}.visit-state.done{background:#def3e8;color:#178052}.visit-form{padding:21px;min-height:520px}.dynamic-select-row{display:grid;grid-template-columns:1.3fr .8fr .8fr 35px;gap:8px;align-items:end;padding:9px 0;border-bottom:1px solid var(--line)}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-grid button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:15px;text-align:start;color:var(--primary);font-size:18px}.quick-grid b,.quick-grid small{display:block;color:var(--ink)}.quick-grid b{font-size:10px;margin-top:8px}.quick-grid small{font-size:8px;color:var(--muted);margin-top:4px}.health-row{margin:15px 0}.health-row>div{display:flex;justify-content:space-between;font-size:9px;margin-bottom:6px}.catalog-layout{display:grid;grid-template-columns:240px 1fr;gap:13px}.catalog-nav{padding:8px;height:max-content;max-height:650px;overflow:auto}.catalog-nav button{width:100%;border:0;background:transparent;border-radius:8px;padding:10px;text-align:start;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.catalog-nav button.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.catalog-nav em{font-style:normal;background:#edf2f2;padding:2px 7px;border-radius:10px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.catalog-toolbar h2{font-size:15px}.catalog-toolbar small{font-size:8px;color:var(--muted)}.catalog-toolbar input{width:230px}.order-buttons{display:flex;gap:2px}.order-buttons button{border:0;background:#edf4f3;color:var(--primary);border-radius:5px}.questionnaire-toolbar{padding:12px;display:grid;grid-template-columns:1fr 2fr;gap:9px;margin-bottom:13px}.question-card{padding:17px;margin-bottom:9px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}.question-order{width:30px;height:30px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:800}.question-card h3{font-size:10px;margin:0 0 5px}.question-en{font-size:8px;color:var(--muted)}.question-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.question-actions{display:flex;gap:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.language-card{display:flex;align-items:center;gap:14px}.language-card>div{flex:1}.language-card h2{margin:0}.language-card p{font-size:9px;color:var(--muted)}.language-symbol{width:52px;height:52px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:800;font-size:16px}.language-options{grid-column:1/-1;max-width:600px}.switch input{display:none}.switch i{display:block;width:39px;height:22px;border-radius:20px;background:#cbd7d6;position:relative}.switch i:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.2s}.switch input:checked+i{background:var(--primary)}.switch input:checked+i:after{left:20px}.role-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.role-card{padding:18px}.role-card>span{font-size:24px}.role-card h3{font-size:12px}.role-card p{font-size:9px;color:var(--muted);line-height:1.8}.permission-panel{margin-top:13px}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.permission-grid span{border-radius:8px;padding:9px;background:#e8f6ef;color:#167c50;font-size:9px}.permission-grid span.off{background:#f8eded;color:#a64d4c}.bars>div{display:grid;grid-template-columns:120px 1fr 30px;gap:9px;align-items:center;margin:13px 0;font-size:9px}.bars i{height:8px;background:#edf2f2;border-radius:8px;overflow:hidden}.bars em{display:block;height:100%;background:var(--primary);border-radius:8px}.center{text-align:center}.donut{width:150px;height:150px;margin:10px auto;border-radius:50%;background:conic-gradient(var(--primary) 0 87%,#e6eeee 87%);display:grid;place-items:center}.donut:before{content:"";width:105px;height:105px;border-radius:50%;background:#fff;position:absolute}.donut span{z-index:1}.donut b,.donut small{display:block}.donut b{font-size:23px}.donut small{font-size:8px;color:var(--muted)}
.modal-wrap{position:fixed;inset:0;z-index:100;background:rgba(15,52,53,.65);backdrop-filter:blur(3px);display:none;place-items:center;padding:14px}.modal-wrap.open{display:grid}.modal{width:min(700px,100%);max-height:90vh;overflow:auto;padding:21px}.modal-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:16px}.modal-head h2{font-size:16px;margin:0}.modal-head p{font-size:9px;color:var(--muted);margin:5px 0 0}.modal-head button{border:0;background:#eef3f2;border-radius:8px;width:34px;height:34px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);margin-top:17px;padding-top:14px}.toast{display:none;position:fixed;z-index:200;left:22px;bottom:22px;background:#173f3d;color:#fff;border-radius:10px;padding:12px 17px;font-size:10px;box-shadow:0 15px 35px rgba(0,0,0,.2)}.toast.show{display:block;animation:toastIn .25s ease}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}}
html[dir="ltr"] .sidebar{right:auto;left:0;border-left:0;border-right:1px solid var(--line)}html[dir="ltr"] .main{margin-right:0;margin-left:260px}html[dir="ltr"] .login-lang{left:auto;right:25px}html[dir="ltr"] .toast{left:auto;right:22px}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.two-col,.record-grid{grid-template-columns:1fr}.global-search{width:200px}.role-cards{grid-template-columns:1fr}.choice-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.login-screen{grid-template-columns:1fr}.login-aside{display:none}.mobile-logo{display:grid}.sidebar{transform:translateX(105%);transition:.25s;box-shadow:-15px 0 40px rgba(23,56,59,.2)}html[dir="ltr"] .sidebar{transform:translateX(-105%)}.sidebar.open{transform:none}.main,html[dir="ltr"] .main{margin:0}.menu-toggle{display:block}.topbar{padding:0 14px}.breadcrumb,.global-search{display:none}.content{padding:22px 14px 45px}.wizard-layout,.catalog-layout,.visit-layout{grid-template-columns:1fr}.steps,.catalog-nav,.visit-menu{display:flex;overflow:auto;max-width:calc(100vw - 28px)}.steps button,.catalog-nav button,.visit-menu button{min-width:155px}.settings-grid{grid-template-columns:1fr}.language-options{grid-column:auto}.patient-hero,.visit-summary{align-items:flex-start;flex-direction:column;gap:15px}.patient-facts{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:520px){.login-main{padding:24px}.role-picker,.stats,.two-col,.choice-grid,.quick-grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.hero>.btn{width:100%}.toolbar,.questionnaire-toolbar{grid-template-columns:1fr}.patient-main{align-items:flex-start}.big-avatar{display:none}.patient-facts{gap:12px}.dynamic-select-row{grid-template-columns:1fr 1fr}.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-toolbar input{width:100%}.permission-grid{grid-template-columns:1fr}.workspace-switch span{display:none}}
.question-group{border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0}.question-group>h3{margin:0 0 10px;color:var(--primary);font-size:11px}.question-group .question-input:last-child{margin-bottom:0}.event-card{border:1px solid var(--line);border-radius:12px;padding:16px}.conditional-event{display:none;margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.conditional-event.visible{display:block}.upload-zone{min-height:210px;border:2px dashed #b8d2cf;border-radius:14px;background:var(--primary-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-align:center;padding:24px}.upload-zone:hover{border-color:var(--primary)}.upload-zone input{display:none}.upload-zone b{font-size:11px;color:var(--primary)}.upload-zone small{font-size:8px;color:var(--muted)}.upload-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--primary);font-size:22px}.upload-list{margin-top:12px}.upload-list>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:9px;margin-top:7px}.upload-list b{font-size:9px}.upload-list small{font-size:8px;color:var(--muted)}
.selected-diseases{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.field-scope{display:inline-flex;margin-inline-start:8px;padding:3px 7px;border-radius:12px;background:#e8f0ff;color:#386bc6;font-size:7px}.always-visible{display:block}.calculated-field{background:#eef8f6!important;color:var(--primary);font-weight:800}.subsection{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.subsection h3{margin:0 0 4px;font-size:12px;color:var(--primary)}.subsection p{margin:0 0 12px;font-size:8px;color:var(--muted)}.disease-scope{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;gap:14px;flex-wrap:wrap}.disease-scope legend{padding:0 5px;font-size:9px;font-weight:700}.disease-scope label{display:flex;align-items:center;gap:5px;font-size:9px}
.conditional-fields{margin-top:18px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fbfdfd}.conditional-fields>h3{font-size:11px;margin:0 0 12px;color:var(--primary)}.inline-field{display:flex;align-items:center;gap:8px;margin-top:10px}.inline-field input{flex:1}.inline-field small{min-width:35px;color:var(--muted)}.field-scope{font-style:normal;font-weight:700}
.login-options{display:flex;align-items:center;justify-content:space-between;margin:3px 0 13px;font-size:9px;color:var(--muted)}.login-options label{display:flex;align-items:center;gap:6px;cursor:pointer}.login-options button{border:0;background:transparent;color:var(--primary);font:inherit;font-weight:700;cursor:pointer}.login-error{display:none;background:#ffebeb;color:#a94949;border:1px solid #f3caca;border-radius:8px;padding:9px 11px;margin-bottom:11px;font-size:9px}.login-error:not(:empty){display:block}.demo-credential{direction:ltr}
.hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}@media(max-width:780px){.hero-actions{width:100%;justify-content:flex-start}.hero-actions .btn{flex:1;min-width:135px}}
.sync-status{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 9px;border:1px solid var(--line);border-radius:16px;background:#f8fbfa;color:var(--muted);font-size:8px;white-space:nowrap}.sync-status i{width:7px;height:7px;border-radius:50%;background:#91a3a5}.sync-status.pending{color:var(--warning);border-color:#f0d9ae;background:#fff8eb}.sync-status.pending i{background:#d99a2b;animation:syncPulse 1s infinite}.sync-status.server{color:#168052;border-color:#cce9d9;background:#effaf4}.sync-status.server i{background:#26a974}.sync-status.error{color:var(--danger);border-color:#f0cccc;background:#fff1f1}.sync-status.error i{background:var(--danger)}@keyframes syncPulse{50%{opacity:.3}}@media(max-width:520px){.sync-status span{display:none}.sync-status{padding:0 10px}}
