:root{--ink:#202b33;--muted:#697983;--line:#e3e8eb;--bg:#f3f5f6;--red:#c8102e;--panel:#fff;--radius:12px;--shadow:none}
body.harels-app,body.harels-login{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;color:var(--ink);font-size:14px;line-height:1.5;background:var(--bg)}
button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:4px}
:focus-visible{outline:3px solid #376f94}
.harels-app .admin-layout{display:grid;grid-template-columns:244px minmax(0,1fr)}
.harels-app .sidebar{background:#fff;color:var(--ink);border-right:1px solid var(--line);padding:0 18px;display:flex;flex-direction:column;gap:0;top:0;position:sticky;height:100dvh;box-shadow:none;z-index:60}
.harels-app .sidebar{width:auto;max-width:none;transform:none;scrollbar-color:#c7d0d7 transparent}
.harels-app .main{margin-left:0;overflow:visible}
.sidebar-brand{display:flex;flex-direction:column;gap:12px;padding:29px 14px 23px;border-bottom:1px solid var(--line);margin:0 0 14px;height:auto;min-height:115px;flex-shrink:0}
.sidebar-brand img{width:142px;height:auto;object-fit:contain}.sidebar-brand>span{font-size:11px;color:var(--muted);letter-spacing:.02em}
.nav-section-group{margin-bottom:16px}.nav-section-title,.nav-section-group>summary{font-size:11px;font-weight:600;color:#73828b;margin:0;padding:10px 12px 7px;list-style:none;display:flex;align-items:center;justify-content:space-between;text-transform:none;letter-spacing:0}
.nav-section-group>summary{cursor:pointer}.nav-section-group>summary::-webkit-details-marker{display:none}.nav-section-group>summary i{font-size:10px}
.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:3px 0;color:#53616b;min-height:40px;border-radius:6px;font-size:12px;font-weight:500;transition:background .15s}
.nav-item>i{width:17px;text-align:center;font-size:14px;color:#8a969e}.nav-item:hover{background:#f2f5f6;color:var(--ink)}
.nav-item.active{background:#fff0f2;color:#ae1730}.nav-item.active>i{color:#c8102e}.nav-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--red)}
.sidebar-footer{margin-top:auto;padding:12px 2px 17px;border-top:1px solid var(--line)}
.sidebar-footer>a{font-size:11px;color:var(--muted);display:flex;gap:11px;padding:10px}
.sidebar-profile{display:flex;align-items:center;gap:9px;padding:10px 5px 0}.sidebar-profile>div{flex:1;min-width:0}.sidebar-profile strong{font-size:11px;display:block}.sidebar-profile small{font-size:10px;color:var(--muted)}.sidebar-profile>a{font-size:13px;color:var(--muted)}
.avatar{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#e8eef1;color:#354c5b;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}
.harels-app .main{min-width:0}.harels-app .topbar{height:76px;min-height:76px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:30;box-shadow:none}
.topbar-location{display:flex;align-items:center;gap:12px;font-size:12px;color:#829099;min-width:0}
.harels-app .topbar h1{font:500 12px/1.4 "Segoe UI",sans-serif;color:#475762;margin:0;letter-spacing:0;max-width:330px}
.harels-app .topbar-actions{display:flex;gap:20px;align-items:center;min-width:0}
.search-trigger{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#819099;font-size:11px;cursor:pointer;padding:7px}
kbd{font-family:inherit;border:1px solid #dfe5e8;border-radius:4px;font-size:9px;padding:2px 5px;margin-left:12px;color:#87929a;background:#fafbfc}
.preview-pill,.harels-app .topbar-actions .preview-pill{font-size:10px;border:1px solid #dce4e8;padding:5px 9px;border-radius:20px;color:#5c707c;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.preview-pill>span{width:5px;height:5px;border-radius:50%;background:#658798}
.harels-app .content{padding:34px;max-width:1600px;margin:0 auto}
.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}
.page-intro h2{font:600 32px/1.2 "Segoe UI Variable","Segoe UI",sans-serif;letter-spacing:-1.15px;margin:5px 0 8px;color:#263640}
.page-intro p{margin:0;color:var(--muted);font-size:13px}.page-intro p.date-line{font-size:11px;margin-bottom:8px;text-transform:capitalize}
.intro-actions{display:flex;gap:10px;align-items:center}.harels-app .btn,.harels-login .btn{font-family:inherit;text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;min-height:38px;border-radius:6px;padding:9px 14px;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.35}
.harels-app .btn{border:1px solid #dce3e7;background:white;color:#46565f}.harels-app .btn:hover{background:#f5f7f8;border-color:#bbc8d0}
.harels-app .btn-primary,.harels-login .btn-primary{background:var(--red);color:#fff;border:1px solid var(--red)}.harels-app .btn-primary:hover,.harels-login .btn-primary:hover{background:#ab102a;border-color:#ab102a}
.harels-app .btn-danger{color:#b41931;background:#fff7f8;border-color:#f1c9d0}.harels-app .btn-muted{background:#f6f8f9;color:#526570}.harels-app .ico{padding:7px;min-height:32px;min-width:32px;font-size:12px}
.create-menu{position:relative}.create-menu>summary{list-style:none;cursor:pointer}.create-menu>summary::-webkit-details-marker{display:none}.create-menu>div{position:absolute;right:0;top:46px;background:#fff;border:1px solid var(--line);padding:7px;border-radius:8px;width:190px;z-index:40;box-shadow:0 14px 32px #25354115}.create-menu>div>a{display:flex;justify-content:flex-start;border:0}
.overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}
.overview-stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px 22px;display:block;min-width:0;transition:border-color .15s}
.overview-stat:hover{border-color:#b9c6cd}.overview-stat>div{display:flex;justify-content:space-between;gap:12px;color:#60727d;font-size:12px}.overview-stat>div>i{color:#8b9ba5;font-size:16px}
.overview-stat>strong{font-size:27px;letter-spacing:-1px;font-weight:600;display:block;margin:14px 0 9px;white-space:nowrap;font-variant-numeric:tabular-nums}
.overview-stat>small{font-size:10px;color:#8a959c}
.overview-stat:first-child{background:#253541;color:#fff;border-color:#253541}.overview-stat:first-child>div{color:#c2d0d8}.overview-stat:first-child>small{color:#a6bac5}.overview-stat:first-child>strong{font-size:35px;line-height:1.05}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:22px;margin-bottom:22px;align-items:start}
.dashboard-grid>.panel{margin:0}
.harels-app .panel,.harels-app .chart-card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:none;overflow:hidden}
.harels-app .panel-head{padding:20px 22px;gap:14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:white;flex-wrap:wrap}
.harels-app h2{font-family:inherit;letter-spacing:-.3px}
.harels-app .panel-head h2,.harels-app .chart-head h2{font-size:15px;font-weight:600;margin:0;line-height:1.35;color:#273b48}
.panel-head p{font-size:10px;color:#8b969e;margin:5px 0 0}.text-link{font-size:11px;font-weight:600;color:#5e737f;display:inline-flex;align-items:center;gap:7px}.text-link:hover{color:var(--red)}
.harels-app .panel-body{padding:22px}.activity-panel .panel-head{border-bottom:0;padding-bottom:6px}
.bar-legend{display:flex;align-items:center;gap:16px;font-size:10px;color:#7d8b94;padding:13px 23px}.bar-legend>span{display:flex;align-items:center;gap:6px}.bar-legend b{width:7px;height:7px;display:inline-block;background:#c8102e;border-radius:2px}.bar-legend span+span b{background:#bbcbd3}.bar-legend>small{margin-left:auto}
.bar-chart{height:204px;padding:9px 24px 0;display:flex;gap:12px;background:repeating-linear-gradient(to top,transparent 0,transparent 40px,#edf1f3 41px,transparent 42px);margin:0 16px}
.bar-month{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px}.bars{height:167px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.bars>span{width:13px;max-width:45%;background:#c8102e;border-radius:3px 3px 0 0;min-height:2px}.bars>span+span{background:#bbcbd3}.bar-month>small{font-size:9px;color:#8d99a1;white-space:nowrap}
.chart-foot{padding:17px 22px;display:flex;align-items:center;justify-content:space-between;margin-top:13px;border-top:1px solid var(--line);font-size:11px;color:#81919b}.chart-foot>strong{color:#354c5b;font-size:14px}
.live-dot{width:7px;height:7px;border-radius:50%;background:#759f94;display:inline-block}
.attention-items{padding:4px 22px}.attention-items>a{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #edf1f3}
.attention-items>a:last-child{border-bottom:0}.attention-items>a>span:nth-child(2){flex:1;min-width:0}.attention-items strong,.schedule-row strong{display:block;font-size:12px;font-weight:600}.attention-items small,.schedule-row small{display:block;font-size:10px;color:#8a98a1;margin-top:4px}.attention-items>a>i{font-size:9px;color:#a2adb5}.attention-icon{background:#fff0f2;color:#bb2640;width:32px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px}
.team-note{display:flex;gap:14px;padding:17px 22px;background:#edf3f5;border-top:1px solid #e1eaee}.team-note>span{width:30px;font-size:23px;color:#74909e}.team-note strong{font-size:12px;color:#3f5d6e}.team-note p{font-size:10px;color:#7e939f;margin:4px 0}.team-note a{font-size:10px;font-weight:600;color:#3f6276}
.job-row{display:flex;align-items:center;gap:15px;padding:19px 22px;border-bottom:1px solid #edf1f3}.job-row:last-child{border:0}.job-row:hover{background:#fafcfd}
.job-symbol{width:37px;height:41px;border-radius:6px;background:#edf2f4;color:#74909e;display:grid;place-items:center;font-size:17px;flex-shrink:0}
.job-name{flex:1;min-width:0}.job-name>small{display:block;font-size:9px;color:#8f9ca5}.job-name>strong{display:block;font-size:12px;font-weight:600;margin:3px 0}.job-name>span{display:block;font-size:10px;color:#8d9ba4}
.job-progress{width:70px;font-size:11px;color:#687d88;text-align:right}.job-progress>span{display:block;margin-bottom:6px}progress{width:100%;height:4px;border:0;border-radius:4px;background:#ebeff1;display:block}progress::-webkit-progress-bar{background:#ebeff1;border-radius:4px}progress::-webkit-progress-value{background:#b95865;border-radius:4px}.job-status{margin-left:8px}
.harels-app .badge{font-size:9px;line-height:1.2;padding:5px 8px;font-weight:600;border-radius:5px;letter-spacing:0;text-transform:none}
.harels-app .badge.ok,.harels-app .badge.green{background:#e9f3ee;color:#527f6c}.harels-app .badge.warn,.harels-app .badge.amber{background:#fff3df;color:#9b7734}.harels-app .badge.dark{background:#edf1f4;color:#748691}
.schedule-list{padding:0 22px}.schedule-row{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid #edf1f3;align-items:center}.schedule-row:last-child{border:0}.calendar-date{background:#f2f5f6;border:1px solid #e6ecef;min-width:44px;align-self:stretch;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:6px;padding:5px}.calendar-date>strong{font-size:19px;font-weight:500;color:#405966}.calendar-date>span{font-size:8px;color:#8c9aa4}.schedule-row>div+div{min-width:0}.schedule-row>div+div>span{font-size:10px;color:#6c7e8a;display:block;margin:4px 0}
.harels-app table{font-size:12px;width:100%;border-collapse:collapse}.harels-app th{background:#f7f9fa;color:#758690;font-size:10px;text-transform:none;letter-spacing:0;font-weight:600;padding:12px 17px}
.harels-app td{padding:15px 17px;border-bottom:1px solid #edf1f3}.harels-app td strong{font-weight:600}.harels-app td small{font-size:10px;color:#8c98a1}.harels-app tr:last-child td{border-bottom:0}.harels-app .table-wrap{overflow-x:auto}
.harels-app input:not([type=checkbox]):not([type=radio]),.harels-app select,.harels-app textarea,.harels-login input{background:#fff;border:1px solid #d9e1e6;border-radius:6px;min-height:40px;color:#354954;padding:10px 12px;box-shadow:none;width:100%}
.harels-app label,.harels-login label{font-size:12px;font-weight:600;color:#61727d;display:block;margin-bottom:7px}
.harels-app .form-grid{gap:20px}.harels-app .form-actions{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}
.harels-app .hint{font-size:11px;color:#7d8e98}.harels-app .alert{border:1px solid #d5e7dd;background:#f1f8f4;color:#537665;border-radius:7px;font-size:12px;padding:14px 17px}.harels-app .alert.error{background:#fff2f4;color:#ac233a;border-color:#f2d1d8}
.harels-app .kpi{box-shadow:none;border:1px solid var(--line);background:#fff}.harels-app .kpi-label{font-size:11px;text-transform:none;letter-spacing:0}.harels-app .kpi-val{font-size:23px;font-weight:600}.harels-app .kpi-ico{background:#f0f4f6;color:#647f8d}.harels-app .kpi-sub{font-size:10px}
.app-footer{padding:30px 0 0;display:flex;justify-content:space-between;gap:12px;color:#99a4ac;font-size:10px}
.empty-state{padding:28px;color:#84949e;font-size:12px;line-height:1.7}.empty-state .btn{margin-top:10px}
.harels-app .nav-toggle{display:none;border:1px solid #dfe6ea;background:#fff;border-radius:6px;width:34px;height:34px;color:#607985}
.skip-link{position:fixed;top:-70px;left:20px;background:#fff;padding:12px;z-index:300}.skip-link:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#nav-search{width:min(520px,calc(100% - 30px));border:1px solid var(--line);border-radius:12px;padding:22px;background:#fff;color:#253541;box-shadow:0 24px 80px #152c4440}#nav-search::backdrop{background:#25354160;backdrop-filter:blur(3px)}
.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.search-head h2{font-size:18px;margin:0}.icon-btn{width:32px;height:32px;background:#f3f6f8;border:0;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:#70838e;cursor:pointer}
.search-results{margin-top:15px;max-height:340px;overflow:auto}.search-results a{display:flex;align-items:center;gap:13px;padding:11px 10px;border-radius:5px;font-size:13px}.search-results a:hover{background:#f2f5f7}.search-results a>i{color:#9aa8b0;width:17px}.search-results [hidden]{display:none}
.employee-mark{font-size:12px;color:#8498a5;display:flex;gap:8px;align-items:center}
.employee-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px 38px;background:#253b49;border-radius:12px;color:#fff;position:relative;overflow:hidden}
.employee-hero h2{font-size:29px;font-weight:500;letter-spacing:-.7px;line-height:1.15;max-width:530px;margin:15px 0}.employee-hero p{color:#b2c5d1;max-width:480px;font-size:12px;line-height:1.8;margin:0 0 22px}
.shift-state{display:flex;gap:8px;align-items:center;font-size:10px;color:#b2c9d7}.shift-state .live-dot{background:#9abcae}.harels-app .btn-light{background:#fff;color:#304d5e;border-color:#fff;min-height:42px}
.hero-emblem{height:185px;width:220px;flex-shrink:0;border:1px solid #5b72813d;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;transform:rotate(-9deg)}.hero-emblem>i{font-size:50px;color:#9bb1bf}.hero-emblem>span{font-size:16px;font-weight:500;color:#c6d6df;text-align:center}
.employee-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:22px 0}
.employee-shortcuts>a{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;padding:21px 22px;border-radius:10px;gap:9px}.employee-shortcuts i{font-size:21px;color:#748e9d;margin-bottom:4px}.employee-shortcuts strong{font-size:13px;font-weight:600}.employee-shortcuts small{font-size:10px;color:#8b9ba5}
.personal-task{display:flex;align-items:center;gap:12px;padding:21px;border-bottom:1px solid var(--line)}.personal-task>div{flex:1;min-width:0}.personal-task strong{display:block;font-size:12px}.personal-task small{display:block;margin-top:5px;color:#8a9ca7;font-size:10px}.personal-task form{margin:0}.task-dot{width:14px;height:14px;border:2px solid #c6d2da;border-radius:50%;flex-shrink:0}.task-dot.doing{border-color:#c16c7a;background:#f8e4e8}
.document-row{padding:22px;display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line)}.document-row>i{font-size:24px;color:#8ba0ac}.document-row>span:nth-child(2){flex:1}.document-row strong{font-size:13px;display:block}.document-row small{font-size:10px;display:block;color:var(--muted);margin-top:6px}
.document-help{display:flex;align-items:center;gap:12px;margin-top:17px;font-size:11px;color:#7b919e;padding:0 5px}.document-help a{text-decoration:underline}
.mobile-dock{display:none}
.harels-login .login-shell{display:grid;grid-template-columns:1.1fr 1fr;min-height:100dvh;padding:0;background:#fff}
.login-story{min-height:100dvh;background:linear-gradient(0deg,#142b40de,#20354620),url('../../assets/photos/cff_cover.jpg') center/cover;display:flex;flex-direction:column;padding:52px;justify-content:space-between;color:#fff}.login-story img{width:175px;background:#fff;padding:13px 15px;border-radius:5px}.login-story h2{font-size:clamp(30px,3.2vw,50px);font-weight:500;line-height:1.17;letter-spacing:-1.6px;margin:26px 0 18px}.login-story p{max-width:360px;color:#c5d4df;font-size:14px;line-height:1.8}.login-story small{font-size:11px;color:#a7bfce}.story-line{width:45px;height:3px;display:block;background:#e1354f}
.harels-login .login-card{background:#fff;box-shadow:none;border:0;border-radius:0;max-width:445px;width:100%;margin:auto;padding:45px}
.harels-login .login-card h1{font-family:inherit;font-size:30px;font-weight:600;letter-spacing:-.8px;margin:25px 0 24px}
.harels-login .login-card .btn-block{display:flex;width:100%;min-height:44px}.harels-login .login-back{font-size:11px;margin-top:22px}
.demo-accounts{margin-top:35px;border-top:1px solid var(--line);padding-top:22px}.demo-accounts>strong{font-size:12px;font-weight:600}.demo-accounts p{font-size:11px;color:var(--muted);line-height:1.7}.demo-accounts>div{display:flex;gap:8px;margin:15px 0}
.demo-accounts button{font-size:11px;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 8px;border:1px solid var(--line);background:#f7f9fa;border-radius:5px;cursor:pointer;color:#4a6575}
.demo-accounts small{font-size:10px;line-height:1.8;color:#91a0a9}.demo-accounts code{font-family:inherit;color:#637e8e}.login-mobile-brand{display:none}
@media(min-width:1600px){.overview-stat>strong{font-size:31px}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(350px,1fr)}.harels-app .content{padding:44px}}
@media(max-width:1250px){.harels-app .admin-layout{grid-template-columns:220px minmax(0,1fr)}.harels-app .content{padding:25px}.harels-app .topbar{padding:0 25px}.overview-stat{padding:18px 16px}.overview-stat>strong{font-size:21px}.overview-stat>small{font-size:9px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr)}.search-trigger span,.search-trigger kbd{display:none}.job-status{display:none}.job-row{padding:17px}.employee-shortcuts>a{padding:18px 15px}.bar-chart{gap:7px;padding:8px 6px 0}}
@media(max-width:1000px){.harels-app .admin-layout{grid-template-columns:200px minmax(0,1fr)}.harels-app .sidebar{padding:0 12px}.nav-item{font-size:11px}.dashboard-grid{grid-template-columns:1fr}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-stat>strong{font-size:28px}.page-intro h2{font-size:28px}.employee-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-emblem{width:130px;height:130px}.hero-emblem>i{font-size:35px}.hero-emblem>span{font-size:12px}.employee-hero{padding:27px}.intro-actions .btn{font-size:10px;padding:10px}.topbar-location>span{display:none}}
@media(max-width:760px){.harels-app .admin-layout{display:block}.harels-app .sidebar{position:fixed;left:0;top:0;bottom:0;width:252px;transform:translateX(-100%);transition:transform .18s;z-index:80;height:100dvh}.harels-app.nav-open .sidebar{transform:translateX(0)}.harels-app .nav-overlay{position:fixed;inset:0;background:#25354180;z-index:70;display:none}.harels-app.nav-open .nav-overlay{display:block}.harels-app .nav-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.harels-app .topbar{height:63px;min-height:63px;padding:0 18px;gap:12px}.topbar-location{flex:1}.harels-app .topbar h1{font-size:12px;line-height:1.3}.harels-app .topbar-actions{gap:10px}.harels-app .topbar-actions>.avatar{display:none}.preview-pill{font-size:8px;padding:5px 6px}.harels-app .content{padding:23px 18px}.page-intro{align-items:flex-start;gap:15px;margin-bottom:22px}.page-intro h2{font-size:28px}.page-intro p{font-size:11px;max-width:280px}.page-intro .date-line{font-size:10px}.intro-actions{padding-top:4px}.intro-actions>.btn{display:none}.overview-stats{gap:11px;margin-bottom:16px}.overview-stat{padding:17px 14px}.overview-stat>strong{font-size:23px;letter-spacing:-.8px;margin:10px 0 6px}.overview-stat>div{font-size:10px;gap:5px}.overview-stat>div>i{font-size:13px}.overview-stat>small{font-size:9px;line-height:1.3;display:block}.overview-stat:first-child>strong{font-size:30px}.dashboard-grid{gap:16px;margin-bottom:16px}.harels-app .panel-head{padding:18px}.harels-app .panel-head h2{font-size:14px}.harels-app .panel-body{padding:18px}.bar-chart{margin:0 13px;gap:5px;height:180px}.bars{height:145px;gap:2px}.bars>span{width:10px}.bar-month>small{font-size:7px}.chart-foot{font-size:10px;padding:15px 18px}.chart-foot strong{font-size:12px}.text-link{font-size:10px}.job-name>strong{font-size:12px}.job-progress{width:53px}.job-symbol{width:30px;height:37px;font-size:15px}.job-row{gap:11px}.app-footer{font-size:8px;align-items:center;padding:25px 0 5px}.app-footer>span+span{max-width:200px;text-align:right}.harels-app .grid-3,.harels-app .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.harels-app .grid-2{grid-template-columns:1fr}.harels-app .form-grid{grid-template-columns:1fr;gap:15px}.harels-app .row-actions{flex-wrap:wrap}.harels-app th,.harels-app td{font-size:11px}.employee-mark{display:none}.employee-hero{padding:26px 23px;gap:0}.employee-hero h2{font-size:26px;max-width:280px}.employee-hero p{font-size:11px;max-width:270px}.hero-emblem{display:none}.employee-shortcuts{gap:11px;margin:15px 0}.employee-shortcuts>a{padding:18px;gap:7px}.employee-shortcuts strong{font-size:12px}.employee-shortcuts small{font-size:10px}.employee-shortcuts i{font-size:20px}.field-app .content{padding-bottom:95px}.mobile-dock{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid var(--line);z-index:50;backdrop-filter:blur(10px)}.mobile-dock>a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:#8b9ba6}.mobile-dock i{font-size:17px}.mobile-dock [aria-current=page]{color:#c8102e}.personal-task{padding:18px;gap:10px}.personal-task .btn{padding:8px 10px;font-size:10px}.harels-login .login-shell{display:block;min-height:100dvh;background:#f3f5f6;padding:24px 15px}.login-story{display:none}.harels-login .login-card{padding:27px 25px;border:1px solid var(--line);border-radius:12px}.login-mobile-brand{display:block;margin-bottom:25px}.login-mobile-brand img{width:150px}.harels-login .login-card h1{margin-top:20px;font-size:27px}.demo-accounts{margin-top:27px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.sidebar,.topbar,.app-footer,.mobile-dock,.nav-overlay,.skip-link{display:none!important}.harels-app .admin-layout{display:block}.harels-app .content{padding:0}.panel{break-inside:avoid}.harels-app{background:white}}