@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--color-primary:#0b5c4f;--color-primary-light:#1a8770;--color-gold:#b8894d;--color-danger:#c0392b;--room-available:#1a8770;--room-occupied:#c0392b;--room-reserved:#b8894d;--room-closed:#9aa5b1;--font-scale:1;--font-base:calc(15px * var(--font-scale));--radius:14px;--radius-sm:10px;--shadow:0 2px 10px #0000000f;--shadow-hover:0 6px 18px #0000001a;--transition:.2s ease;--sidebar-width:250px}:root[data-font-size=small]{--font-scale:.9}:root[data-font-size=normal]{--font-scale:1}:root[data-font-size=large]{--font-scale:1.15}:root,:root[data-theme=light]{--bg:#f4f6f8;--surface:#fff;--surface-2:#f4f6f8;--text:#2c3e50;--text-muted:#7a8896;--border:#e3e8ee;--sidebar-bg:#0b5c4f;--sidebar-text:#eaf2ef;--sidebar-active:#ffffff29}:root[data-theme=dark]{--bg:#0e1512;--surface:#16201c;--surface-2:#1e2a25;--text:#e7edea;--text-muted:#9ba8a2;--border:#26332e;--sidebar-bg:#09110e;--sidebar-text:#eaf2ef;--sidebar-active:#ffffff1a}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0e1512;--surface:#16201c;--surface-2:#1e2a25;--text:#e7edea;--text-muted:#9ba8a2;--border:#26332e;--sidebar-bg:#09110e;--sidebar-text:#eaf2ef;--sidebar-active:#ffffff1a}}*{box-sizing:border-box}html{direction:rtl}body{font-family:IBM Plex Sans Arabic,system-ui,sans-serif;font-size:var(--font-base);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background var(--transition), color var(--transition);margin:0}h1,h2,h3,h4{margin:0;font-weight:600}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.btn{border-radius:var(--radius-sm);transition:filter var(--transition), transform var(--transition), background var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.95em;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-gold{background:var(--color-gold);color:#fff}.btn-delete-permanent{color:var(--color-danger);border:1.5px solid var(--color-danger);background:0 0}.btn-delete-permanent:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-block{width:100%}.btn-sm{padding:7px 12px;font-size:.85em}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:20px}.field{margin-bottom:16px}.field label{color:var(--text);margin-bottom:6px;font-size:.9em;font-weight:500;display:block}.field .control{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);padding:11px 14px;font-size:.95em}.field .control:focus{border-color:var(--color-primary-light);outline:none;box-shadow:0 0 0 3px #1a877026}.field .error-text{color:var(--color-danger);margin-top:6px;font-size:.82em}.field.has-error .control{border-color:var(--color-danger)}.alert{border-radius:var(--radius-sm);border:1px solid #0000;margin-bottom:16px;padding:12px 16px;font-size:.9em}.alert-success{color:var(--color-primary);background:#1a87701f;border-color:#1a87704d}.alert-warning{color:var(--color-gold);background:#b8894d24;border-color:#b8894d59}.alert-error{color:var(--color-danger);background:#c0392b1f;border-color:#c0392b4d}.badge{border-radius:999px;padding:3px 10px;font-size:.78em;font-weight:600;display:inline-block}.badge-available{color:var(--room-available);background:#1a877026}.badge-occupied{color:var(--room-occupied);background:#c0392b26}.badge-reserved{color:var(--room-reserved);background:#b8894d2e}.badge-closed{color:var(--room-closed);background:#9aa5b133}.badge-neutral{background:var(--surface-2);color:var(--text-muted)}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:right;border-bottom:1px solid var(--border);padding:12px 14px}.table th{color:var(--text-muted);font-size:.85em;font-weight:600}.table tbody tr:hover td{background:var(--surface-2)}.balance-card{text-align:center;max-width:420px;padding:40px 28px}.balance-card .balance-label{color:var(--text-muted);margin-bottom:12px;font-size:.95em}.balance-card .balance-value{color:var(--primary,#0b5c4f);letter-spacing:.5px;font-size:2.8em;font-weight:700}.balance-card .balance-updated{margin-top:14px;font-size:.82em}.perm-matrix th,.perm-matrix td{padding:8px 10px}.perm-matrix th:first-child,.perm-matrix td:first-child{background:var(--surface)}.perm-matrix input[type=checkbox]{cursor:pointer;width:16px;height:16px}.mt-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.mt-head h3{font-size:1.05em}.mt-bar-label{justify-content:space-between;gap:10px;margin-bottom:5px;font-size:.85em;display:flex}.mt-bar-track{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.mt-bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));height:100%;transition:width var(--transition);border-radius:999px;min-width:2px}.state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.state .state-icon{font-size:2.4em}.spinner{border:3px solid var(--border);border-top-color:var(--color-primary-light);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.row{gap:16px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.muted{color:var(--text-muted)}.text-danger{color:var(--color-danger)}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:12px;padding:0 6px 22px;display:flex}.logo-chip{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:inline-flex;box-shadow:0 1px 4px #0000001f}.logo-chip img{object-fit:contain;width:100%;height:100%}.brand-title{font-size:1.05em;font-weight:700}.brand-sub{opacity:.7;font-size:.78em}.sidebar-nav{flex-direction:column;flex:1;gap:4px;margin-top:8px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--sidebar-text);opacity:.85;transition:background var(--transition), opacity var(--transition);align-items:center;gap:12px;padding:11px 14px;font-weight:500;display:flex}.nav-item:hover{background:var(--sidebar-active);opacity:1}.nav-item.active{background:var(--sidebar-active);opacity:1;font-weight:600}.nav-icon{font-size:1.1em}.sidebar-foot{flex-direction:column;gap:10px;display:flex}.user-box{border-radius:var(--radius-sm);background:#ffffff14;padding:10px 12px}.user-name{font-size:.92em;font-weight:600}.user-role{opacity:.75;font-size:.78em}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;justify-content:flex-start;align-items:center;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-controls{align-items:center;gap:10px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);width:40px;height:40px;font-size:1.1em}.font-select{border:1px solid var(--border);background:var(--surface);height:40px;color:var(--text);border-radius:var(--radius-sm);padding:0 12px}.content{flex:1;padding:28px}.app-footer{border-top:1px solid var(--border);background:var(--surface);text-align:center;margin-top:32px;padding:24px 28px 28px}.footer-tagline{color:var(--text);letter-spacing:.2px;margin:0;font-size:.98em;font-weight:600}.footer-divider{background:linear-gradient(90deg, transparent, var(--color-gold), var(--color-primary-light), transparent);opacity:.85;border-radius:2px;width:130px;height:2px;margin:12px auto 14px}.footer-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;font-size:.8em;line-height:1.6;display:flex}.footer-item{unicode-bidi:plaintext}.footer-name{color:var(--color-gold);font-weight:600}.footer-sep{background:var(--color-gold);opacity:.55;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.agenda{flex-direction:column;gap:26px;display:flex}.agenda-day-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.agenda-day-title{color:var(--color-primary);white-space:nowrap;font-size:1.08em;font-weight:700}:root[data-theme=dark] .agenda-day-title{color:var(--color-primary-light)}.agenda-count{background:var(--color-primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:.78em;font-weight:600;display:inline-flex}.agenda-day-line{background:var(--border);flex:1;height:1px}.agenda-list{flex-direction:column;gap:10px;display:flex}.surgery-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow var(--transition), transform var(--transition);align-items:stretch;display:flex;overflow:hidden}.surgery-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.sc-time{background:var(--surface-2);border-inline-start:4px solid var(--sc-accent,var(--color-primary));flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:104px;padding:14px 12px;display:flex}.sc-time .sc-hour{white-space:nowrap;font-size:1.02em;font-weight:700}.sc-body{flex-direction:column;flex:1;justify-content:center;gap:5px;min-width:0;padding:12px 16px;display:flex}.sc-patient{font-size:1.02em;font-weight:700}.sc-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.88em;display:flex}.sc-meta .sc-dot{opacity:.5}.sc-surgeon{color:var(--text);font-weight:500}.sc-actions{flex-wrap:wrap;align-items:center;gap:6px;padding:12px 14px;display:flex}.ss-badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.72em;font-weight:700}.ss-upcoming{background:color-mix(in srgb, var(--color-primary-light) 16%, transparent);color:var(--color-primary-light)}.ss-ended{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.ss-ongoing{background:color-mix(in srgb, var(--color-gold) 22%, transparent);color:var(--color-gold);animation:1.6s ease-in-out infinite ss-pulse}@keyframes ss-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=640px){.surgery-card{flex-direction:column}.sc-time{border-inline-start:none;border-block-end:4px solid var(--sc-accent,var(--color-primary));flex-direction:row;justify-content:flex-start;gap:10px}.sc-actions{border-block-start:1px solid var(--border)}}.camera-stage{aspect-ratio:4/3;border-radius:var(--radius-sm);background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.camera-media{object-fit:contain;width:100%;height:100%;display:block}.camera-hint{color:#cfd8d4;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.app-footer.on-gradient{background:0 0;border-top:1px solid #ffffff2e;margin-top:0;padding:20px 28px 24px}.app-footer.on-gradient .footer-tagline{color:#fffffff2}.app-footer.on-gradient .footer-meta{color:#ffffffb8}.app-footer.on-gradient .footer-name{color:#f0d9b5}.app-footer.on-gradient .footer-sep{opacity:.7;background:#f0d9b5}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.page-head h1{font-size:1.5em}.page-head .sub{color:var(--text-muted);margin-top:4px;font-size:.9em}.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.room-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);border-top:5px solid var(--rc);transition:transform var(--transition), box-shadow var(--transition);cursor:default;padding:16px}.room-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.room-card.clickable{cursor:pointer}.room-card.clickable:focus-visible{outline:2px solid var(--rc);outline-offset:2px}.room-card.available{--rc:var(--room-available)}.room-card.occupied{--rc:var(--room-occupied)}.room-card.reserved{--rc:var(--room-reserved)}.room-card.closed{--rc:var(--room-closed);opacity:.85}.room-card .rc-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.room-card .rc-number{font-size:1.25em;font-weight:700}.room-card .rc-dot{background:var(--rc);border-radius:50%;width:12px;height:12px}.room-card .rc-type{color:var(--text-muted);margin-bottom:10px;font-size:.85em}.room-card .rc-patients{border-top:1px dashed var(--border);margin-top:8px;padding-top:8px;font-size:.85em}.room-card .rc-patient{padding:2px 0}.room-card .rc-upcoming{color:var(--color-gold);background:color-mix(in srgb, var(--color-gold) 14%, transparent);border:1px solid color-mix(in srgb, var(--color-gold) 40%, transparent);border-radius:999px;align-items:center;gap:5px;margin-top:8px;padding:3px 9px;font-size:.75em;font-weight:600;display:inline-flex}.legend{flex-wrap:wrap;gap:18px;margin-bottom:20px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:7px;font-size:.85em;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px}.modal-overlay{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border-radius:var(--radius);width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000040}.modal-head{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.modal-close{color:var(--text-muted);background:0 0;border:none;font-size:1.1em}.modal-body{padding:22px}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.detail-item .k{color:var(--text-muted);margin-bottom:3px;font-size:.8em}.actions-row{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.tabbar{border-bottom:1px solid var(--border);gap:4px;margin-bottom:18px;display:flex;overflow-x:auto}.tab{color:var(--text-muted);white-space:nowrap;transition:color var(--transition), border-color var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-size:.92em;font-weight:600}.tab:hover{color:var(--text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}:root[data-theme=dark] .tab.active{color:var(--color-primary-light);border-bottom-color:var(--color-primary-light)}.tab-content{min-height:120px}.patients-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.patient-card{text-align:right;background:var(--surface);border:1px solid var(--border);border-right:5px solid var(--color-primary-light);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition);color:var(--text);padding:16px;font-family:inherit}.patient-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.pc-room{color:var(--color-gold);margin-bottom:6px;font-size:.78em;font-weight:700}.pc-name{margin-bottom:4px;font-size:1.1em;font-weight:700}.pc-meta{color:var(--text-muted);margin-bottom:8px;font-size:.82em}.pc-diag{border-top:1px dashed var(--border);padding-top:8px;font-size:.9em}.nav-badge{background:var(--color-danger);color:#fff;text-align:center;border-radius:999px;min-width:20px;margin-inline-start:auto;padding:1px 7px;font-size:.72em;font-weight:700}.bn-item .nav-badge{top:2px;margin:0;position:absolute;inset-inline-end:12px}.bn-item{position:relative}:root{--bottom-nav-height:60px}.bottom-nav,.topbar-brand,.topbar-logout{display:none}@media (width<=900px){.sidebar{display:none}.layout{display:block}.main{min-height:100vh;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px))}.topbar{justify-content:space-between;gap:10px;height:56px;padding:0 14px}.topbar-brand{align-items:center;gap:9px;min-width:0;display:flex}.topbar-brand .brand-title{color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95em;font-weight:700;overflow:hidden}:root[data-theme=dark] .topbar-brand .brand-title{color:var(--color-primary-light)}.topbar-brand .logo-chip{box-shadow:none;background:0 0;padding:0}.topbar-controls{flex-shrink:0;gap:6px}.topbar-logout{color:var(--color-danger);justify-content:center;align-items:center;display:inline-flex}.topbar .icon-btn{width:44px;height:44px}.topbar .font-select{max-width:108px;height:44px;padding:0 8px;font-size:.85em}.content{padding:16px 14px}.bottom-nav{inset-inline:0;z-index:40;background:var(--sidebar-bg);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;box-shadow:0 -2px 14px #0000002e}.bn-item{min-width:0;height:var(--bottom-nav-height);color:var(--sidebar-text);opacity:.62;transition:opacity var(--transition), background var(--transition);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.bn-item.active{opacity:1;background:var(--sidebar-active)}.bn-item.active:before{content:"";top:0;background:var(--color-gold);border-radius:0 0 3px 3px;height:3px;position:absolute;inset-inline:22%}.bn-icon{font-size:1.25em;line-height:1}.bn-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 2px;font-size:.66em;font-weight:600;overflow:hidden}.rooms-grid,.patients-grid,.detail-grid,.grid-2{grid-template-columns:1fr}.row{flex-wrap:wrap}.page-head{gap:12px;margin-bottom:16px}.page-head h1{font-size:1.25em}.page-head .row,.page-head .actions-row{width:100%;margin-top:0}.page-head .btn,.page-head .font-select{flex:1;min-height:42px}.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:var(--radius) var(--radius) 0 0;max-height:94vh;animation:.22s ease-out sheet-up;max-width:none!important}@keyframes sheet-up{0%{opacity:.6;transform:translateY(24px)}}.modal-head{z-index:1;padding:16px}.modal-head h3{font-size:1.02em}.modal-close{flex-shrink:0;width:40px;height:40px;font-size:1.2em}.modal-body{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.modal-body .actions-row .btn{flex:1;min-height:44px}.card:has(.table-cards){box-shadow:none;background:0 0;border:none;overflow:visible!important}.table-cards thead{display:none}.table-cards,.table-cards tbody,.table-cards tr,.table-cards td{width:100%;display:block}.table-cards tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;overflow:hidden}.table-cards tbody tr:hover td{background:0 0}.table-cards td{text-align:left;border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;display:flex}.table-cards td:before{content:attr(data-label);color:var(--text-muted);text-align:right;flex-shrink:0;font-size:.8em;font-weight:600}.table-cards td:first-child{background:var(--surface-2);justify-content:flex-start;padding:12px 14px;font-size:1.02em;font-weight:700}.table-cards td:first-child:before,.table-cards td:not([data-label]):before{display:none}.table-cards td:last-child{border-bottom:none}.table-cards tr.audit-detail td:first-child{background:var(--surface-2);font-size:.95em;font-weight:400;display:block}:is(.table-cards td:has(.actions-row),.table-cards td:has(>.btn)){justify-content:stretch}.table-cards td .actions-row{gap:8px;width:100%;margin-top:0}.table-cards td .actions-row .btn,.table-cards td>.btn{flex:1;min-height:40px}.app-footer{margin-top:22px;padding:18px 14px 20px}.footer-meta{gap:6px 10px;font-size:.74em}}@media (prefers-reduced-motion:reduce){.modal-box{animation:none}}.apply-page{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);flex-direction:column;min-height:100vh;display:flex}.apply-main{flex:1;justify-content:center;padding:24px 16px 40px;display:flex}.apply-card{align-self:flex-start;width:100%;max-width:720px;padding:28px 26px}.apply-brand{text-align:center;margin-bottom:22px}.apply-brand .logo-full-img{width:180px;max-width:70%;height:auto;margin:0 auto 8px;display:block}.apply-title{margin-bottom:4px;font-size:1.25em}.stepper{flex-direction:row;gap:6px;margin-bottom:22px;display:flex}.stepper-item{text-align:center;color:var(--text-muted);flex:1;font-size:.72em}.stepper-dot{background:var(--surface-2);width:26px;height:26px;color:var(--text-muted);border:1.5px solid var(--border);transition:all var(--transition);border-radius:999px;margin:0 auto 5px;font-size:.95em;font-weight:700;line-height:26px}.stepper-item.done .stepper-dot{background:var(--color-primary-light);border-color:var(--color-primary-light);color:#fff}.stepper-item.current .stepper-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.12)}.stepper-item.current{color:var(--color-primary);font-weight:600}.step-head{margin-bottom:18px}.step-head h2{margin-bottom:2px;font-size:1.05em}.apply-nav{border-top:1px solid var(--border);gap:10px;margin-top:22px;padding-top:18px;display:flex}.apply-nav .btn{flex:1}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.field-grid .full{grid-column:1/-1}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;display:grid}.check-item{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);align-items:center;gap:8px;padding:7px 10px;font-size:.9em;display:flex}.check-item:hover{border-color:var(--color-primary-light)}.check-item.checked{border-color:var(--color-primary-light);background:#1a877014}.check-item input{accent-color:var(--color-primary)}.sub-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);margin-bottom:12px;padding:14px}.sub-card-head{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.9em;font-weight:600;display:flex}.file-row{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:8px;padding:9px 12px;font-size:.87em;display:flex}.file-row .file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.apply-done{text-align:center;padding:40px 20px}.apply-done .done-icon{margin-bottom:14px;font-size:3em}.rec-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:22px;display:grid}.rec-stat{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);text-align:center;cursor:pointer;transition:all var(--transition);padding:14px}.rec-stat:hover{box-shadow:var(--shadow-hover)}.rec-stat.active{border-color:var(--color-primary);background:#1a877014}.rec-stat-value{color:var(--color-primary);font-size:1.5em;font-weight:700}.rec-stat-label{color:var(--text-muted);margin-top:2px;font-size:.8em}.rec-jobs{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.rec-job-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;text-align:center;transition:all var(--transition);padding:16px 14px}.rec-job-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.rec-job-card.active{border-color:var(--color-primary);border-width:2px}.rec-job-name{margin-bottom:6px;font-size:.94em;font-weight:600}.rec-job-count{color:var(--color-gold);font-size:1.35em;font-weight:700}.rec-app-card{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all var(--transition);align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;display:flex}.rec-app-card:hover{box-shadow:var(--shadow-hover);border-color:var(--color-primary-light)}.rec-app-main{flex:1;min-width:0}.rec-app-name{margin-bottom:3px;font-weight:600}.rec-app-meta{color:var(--text-muted);font-size:.82em}.detail-section{margin-bottom:20px}.detail-section h4{color:var(--color-primary);border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:5px;font-size:.92em}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;font-size:.88em;display:grid}.detail-item .k{color:var(--text-muted);font-size:.88em}.detail-item .v{font-weight:500}@media (width<=640px){.field-grid,.check-grid,.detail-grid{grid-template-columns:1fr}.stepper-item{font-size:0}.stepper-dot{font-size:.9rem}.apply-card{padding:20px 16px}}.login-page{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);flex-direction:column;min-height:100vh;display:flex}.login-main{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.login-card{width:100%;max-width:400px;padding:34px 30px}.login-brand{text-align:center;margin-bottom:24px}.login-brand .logo-full-img{width:200px;max-width:80%;height:auto;margin:0 auto 10px;display:block}.login-brand h1{margin-bottom:4px;font-size:1.4em}