:root{--navy:#173b67;--navy-2:#0f2a4a;--blue:#2c69a7;--blue-soft:#eaf2fb;--bg:#f5f7fa;--surface:#fff;--line:#e4e9ef;--text:#17212f;--muted:#6e7b8c;--green:#23845b;--green-bg:#eaf7f0;--amber:#a96508;--amber-bg:#fff5df;--red:#b54242;--red-bg:#fff0ef;--shadow:0 14px 42px rgba(20,43,72,.08);--radius:18px;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,"Noto Sans Hebrew",sans-serif;color:var(--text);background:var(--bg)}body{direction:rtl}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted);line-height:1.6}.eyebrow{display:inline-block;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.04em;margin-bottom:7px}.eyebrow.light{color:#c9def5}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-lockup img{width:88px;height:58px;object-fit:contain}.brand-lockup h1,.brand-lockup p{margin:0}.brand-lockup h1{font-size:31px;color:var(--navy)}.brand-lockup p{color:var(--muted);margin-top:3px;font-size:14px}
/* setup */
.setup-page{min-height:100vh;padding:28px;display:grid;place-items:center;background:radial-gradient(circle at 10% 0,#e8f1fa 0,transparent 38%),var(--bg)}.setup-card{width:min(760px,100%);background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:34px}.setup-brand{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:26px}.setup-copy h2{font-size:28px;margin:0 0 8px}.setup-copy p{margin:0 0 24px;color:var(--muted);line-height:1.6}.setup-form{display:grid;gap:16px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:8px;font-size:14px;font-weight:700;color:#354255}input,select,textarea{width:100%;border:1px solid #d9e0e8;background:#fff;color:var(--text);border-radius:12px;padding:13px 14px;outline:none;transition:.18s}input:focus,select:focus,textarea:focus{border-color:#6b9ac9;box-shadow:0 0 0 3px rgba(65,122,180,.12)}textarea{resize:vertical}.invite-box{padding:18px;background:#f8fbfe;border:1px solid #dfeaf5;border-radius:16px;display:grid;gap:13px}.invite-box p{margin:0;color:var(--muted);font-weight:400;font-size:13px}.invite-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.text-btn{border:0;background:transparent;color:var(--blue);font-weight:800;padding:4px}.form-error,.inline-error{color:var(--red);font-size:13px;font-weight:700}.form-error{padding:12px 14px;background:var(--red-bg);border-radius:12px}.primary-btn,.secondary-btn{border-radius:12px;padding:12px 18px;font-weight:800;border:1px solid transparent}.primary-btn{background:var(--navy);color:white}.primary-btn:hover{background:var(--navy-2)}.secondary-btn{background:white;color:var(--navy);border-color:var(--line)}.danger-btn{background:var(--red-bg);color:var(--red);border:1px solid #f1cecc;border-radius:12px;padding:11px 15px;font-weight:800}.wide{width:100%;padding:14px}
/* auth */
.auth-screen{min-height:100vh;padding:24px;display:grid;place-items:center;background:var(--bg)}.auth-shell{width:min(980px,100%);min-height:600px;display:grid;grid-template-columns:1.05fr .95fr;background:white;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.auth-visual{background:linear-gradient(150deg,#15375f,#0b2340);color:white;padding:40px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.auth-visual:after{content:"";position:absolute;inset:auto -90px -120px auto;width:330px;height:330px;border-radius:50%;border:55px solid rgba(255,255,255,.05)}.auth-brand h1{color:white}.auth-brand p{color:#c7d4e4}.auth-brand img{filter:brightness(1.08)}.auth-message{position:relative;z-index:1;max-width:420px}.auth-message h2{font-size:38px;line-height:1.12;margin:6px 0 13px}.auth-message p{margin:0;color:#d9e4ef;line-height:1.7}.auth-panel{padding:44px}.auth-tabs{display:flex;gap:4px;padding:4px;background:#f0f3f7;border-radius:13px;margin-bottom:34px}.auth-tab{flex:1;border:0;background:transparent;border-radius:10px;padding:10px;font-weight:800;color:var(--muted)}.auth-tab.active{background:white;color:var(--navy);box-shadow:0 2px 7px rgba(0,0,0,.05)}.auth-form{display:grid;gap:16px}.auth-form h2{margin:0 0 5px;font-size:30px}.auth-form p{margin:0;color:var(--muted)}
/* app shell */
.app{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:250px;background:#fff;border-left:1px solid var(--line);padding:23px 17px;display:flex;flex-direction:column;z-index:20}.sidebar-brand{padding:4px 4px 24px}.sidebar-brand img{width:66px;height:44px}.sidebar-brand strong{display:block;color:var(--navy);font-size:20px}.sidebar-brand span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.side-nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#526175;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:13px;text-align:right}.nav-item span{font-size:21px;width:24px;text-align:center}.nav-item b{font-size:14px}.nav-item.active{background:var(--blue-soft);color:var(--navy)}.sidebar-user{margin-top:auto;border-top:1px solid var(--line);padding-top:17px;display:grid;grid-template-columns:40px 1fr 34px;gap:9px;align-items:center}.sidebar-user strong,.sidebar-user span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user strong{font-size:13px}.sidebar-user span{font-size:11px;color:var(--muted);margin-top:2px}.sidebar-user>button{border:0;background:#f5f7fa;border-radius:10px;height:34px;color:var(--muted)}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:white;font-weight:900;border:0}.avatar.small{width:36px;height:36px}.main-area{margin-right:250px;min-height:100vh}.content{max-width:1180px;margin:0 auto;padding:34px 34px 90px}.mobile-top,.bottom-nav{display:none}
/* headers/cards */
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-head h1{margin:0;font-size:31px;color:#12243a}.page-head p{margin:6px 0 0;color:var(--muted)}.head-actions{display:flex;gap:10px;align-items:center}.alert-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #f0d2d0;background:var(--red-bg);color:var(--red);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.stat-card,.panel,.admin-card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 16px rgba(15,42,74,.035)}.stat-card{padding:20px}.stat-label{font-size:12px;color:var(--muted);font-weight:700}.stat-number{font-size:32px;color:var(--navy);font-weight:900;margin-top:7px}.section{margin-top:27px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title h2{font-size:18px;margin:0}.section-title button{border:0;background:transparent;color:var(--blue);font-weight:800}.task-list{display:grid;gap:10px}.task-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;cursor:pointer;transition:.15s}.task-card:hover{border-color:#c9d6e4;box-shadow:0 5px 18px rgba(15,42,74,.05)}.priority-mark{width:5px;align-self:stretch;border-radius:99px;background:#c9d1db}.priority-mark.high{background:#e3a43e}.priority-mark.critical{background:#c45454}.task-main h3{font-size:15px;margin:0 0 6px}.task-meta{display:flex;flex-wrap:wrap;gap:6px 11px;color:var(--muted);font-size:12px}.status-badge{display:inline-flex;white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.status-pending{background:var(--blue-soft);color:var(--blue)}.status-overdue{background:var(--red-bg);color:var(--red)}.status-done{background:var(--green-bg);color:var(--green)}.status-await{background:var(--amber-bg);color:var(--amber)}.status-blocked{background:#f0f1f3;color:#6b7280}.empty{background:#fff;border:1px dashed #ccd6e1;border-radius:16px;padding:34px;text-align:center;color:var(--muted);line-height:1.7}.empty strong{display:block;color:#344255;margin-bottom:4px}.search-row{display:flex;gap:10px;margin-bottom:12px}.search-input{max-width:430px}.filter-bar{display:flex;gap:7px;overflow:auto;padding-bottom:10px;margin-bottom:5px;scrollbar-width:none}.filter-chip{border:1px solid var(--line);background:white;color:#5d6a7b;border-radius:999px;padding:8px 12px;font-weight:800;font-size:12px;white-space:nowrap}.filter-chip.active{background:var(--navy);color:white;border-color:var(--navy)}
/* calendar */
.calendar-mode{max-width:1380px}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.month-controls{display:flex;align-items:center;gap:10px}.month-title{font-weight:900;color:var(--navy);min-width:170px;text-align:center;font-size:19px}.icon-btn{border:0;background:#f3f6f9;color:var(--navy);border-radius:10px;width:38px;height:38px;font-size:24px}.calendar-shell{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.day-name{padding:10px;text-align:center;background:#f7f9fb;color:var(--muted);font-size:12px;font-weight:800;border-bottom:1px solid var(--line)}.cal-day{min-height:115px;padding:8px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;overflow:hidden;background:#fff}.cal-day:nth-child(7n){border-left:0}.cal-day.out{background:#fafbfc;color:#a9b1bb}.cal-day.selected{box-shadow:inset 0 0 0 2px var(--blue)}.cal-day.today .cal-num{background:var(--navy);color:white}.cal-day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.cal-num{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:900}.cal-count{font-size:10px;color:var(--muted)}.cal-task{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 6px;border-radius:7px;margin-top:4px;background:#eef4fa;color:#2b5c8b}.cal-task.done{background:var(--green-bg);color:var(--green)}.cal-task.overdue{background:var(--red-bg);color:var(--red)}.cal-task.await{background:var(--amber-bg);color:var(--amber)}.cal-more{font-size:10px;color:var(--muted);margin-top:4px}.day-agenda{margin-top:18px}.agenda-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.agenda-head h2{margin:0;font-size:19px}.agenda-head span{font-size:12px;color:var(--muted)}
/* admin */
.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-card{padding:18px}.admin-card h3{margin:0;font-size:13px;color:var(--muted)}.metric{font-size:31px;font-weight:900;color:var(--navy);margin-top:7px}.users-panel{overflow:hidden}.users-header{display:grid;grid-template-columns:1.2fr .9fr .8fr auto;gap:10px;padding:10px 14px;background:#f7f9fb;color:var(--muted);font-size:11px;font-weight:800}.user-row{display:grid;grid-template-columns:1.2fr .9fr .8fr auto;gap:10px;align-items:center;padding:13px 14px;border-top:1px solid var(--line)}.user-name strong,.user-name span{display:block}.user-name span{font-size:11px;color:var(--muted);margin-top:3px}.user-row small{color:var(--muted)}.user-actions{display:flex;gap:6px}.mini-btn{border:1px solid var(--line);background:white;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:800;color:#4a5b70}.mini-btn.danger{color:var(--red);border-color:#efd1d0}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0}.settings-row+.settings-row{border-top:1px solid var(--line)}.settings-row strong{font-size:14px}.settings-row p{margin:4px 0 0;color:var(--muted);font-size:12px}.audit-line{padding:12px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.audit-line:last-child{border-bottom:0}.audit-line strong{font-size:12px}.audit-line small{font-size:11px;color:var(--muted);text-align:left;white-space:nowrap}
/* dialogs */
.modal{border:0;padding:0;background:transparent;width:min(640px,calc(100% - 28px));max-width:none}.modal::backdrop{background:rgba(7,21,37,.52);backdrop-filter:blur(2px)}.modal-card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 24px 80px rgba(0,0,0,.22);display:grid;gap:15px}.modal-card.compact{max-width:480px;margin:auto}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.modal-head h2{margin:0;font-size:22px}.modal-actions{display:flex;justify-content:flex-start;gap:9px;padding-top:4px}.toggle-row{display:flex;align-items:flex-start;gap:11px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fafbfc}.toggle-row input{width:auto;margin-top:3px}.toggle-row span{display:block}.toggle-row small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-cell{padding:12px;background:#f7f9fb;border-radius:11px}.detail-cell span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.detail-cell strong{font-size:13px}.detail-notes{padding:14px;background:#f7f9fb;border-radius:12px;white-space:pre-wrap;line-height:1.6}.detail-actions{display:flex;flex-wrap:wrap;gap:8px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,25px);background:#172536;color:#fff;border-radius:12px;padding:11px 16px;font-size:12px;font-weight:800;opacity:0;pointer-events:none;transition:.22s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr;max-width:560px}.auth-visual{min-height:210px;padding:27px}.auth-message h2{font-size:30px}.auth-panel{padding:28px}.sidebar{display:none}.main-area{margin-right:0}.mobile-top{height:62px;padding:9px 15px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15}.brand-mini{display:flex;align-items:center;gap:7px;color:var(--navy)}.brand-mini img{width:49px;height:34px;object-fit:contain}.content{padding:22px 15px calc(92px + var(--safe-bottom))}.bottom-nav{display:grid;grid-template-columns:1fr 1fr 66px 1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;border-top:1px solid var(--line);padding:7px 8px calc(7px + var(--safe-bottom));box-shadow:0 -8px 25px rgba(15,42,74,.06)}.bottom-nav .nav-item{padding:4px 2px;display:grid;place-items:center;gap:1px;border-radius:8px}.bottom-nav .nav-item span{font-size:20px}.bottom-nav .nav-item small{font-size:10px}.nav-add{width:50px;height:50px;border:0;border-radius:16px;background:var(--navy);color:#fff;font-size:30px;line-height:1;align-self:center;justify-self:center;margin-top:-23px;box-shadow:0 8px 20px rgba(23,59,103,.25)}.page-head{align-items:flex-start}.page-head h1{font-size:27px}.stats{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr 1fr}.calendar-mode{padding-left:9px;padding-right:9px}.cal-day{min-height:78px;padding:4px}.cal-task{height:6px;padding:0;border-radius:99px;font-size:0}.cal-more{display:none}.day-name{padding:8px 2px}.cal-num{width:25px;height:25px}.users-header{display:none}.user-row{grid-template-columns:1fr auto;padding:14px}.user-row>small{grid-column:1}.user-actions{grid-column:1/-1;justify-content:flex-start}.audit-line{display:block}.audit-line small{display:block;text-align:right;margin-top:5px}.agenda-head{align-items:flex-end}.agenda-head .primary-btn{padding:10px 12px;font-size:12px}}
@media(max-width:560px){.setup-page{padding:12px}.setup-card{padding:22px;border-radius:20px}.setup-copy h2{font-size:23px}.two-cols{grid-template-columns:1fr}.auth-screen{padding:0}.auth-shell{min-height:100vh;border-radius:0;border:0}.auth-visual{min-height:190px}.auth-panel{padding:25px 20px}.auth-message p{font-size:13px}.page-head{margin-bottom:20px}.head-actions .primary-btn{padding:10px 12px;font-size:12px}.stats{gap:9px}.stat-card{padding:15px}.stat-number{font-size:27px}.task-card{grid-template-columns:4px 1fr;gap:10px}.task-card .status-badge{grid-column:2;justify-self:start}.calendar-toolbar{gap:8px}.month-title{min-width:120px;font-size:16px}.calendar-toolbar .secondary-btn{padding:9px 11px}.cal-day{min-height:68px}.cal-count{display:none}.agenda-head{gap:10px}.modal-card{padding:18px}.detail-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr 1fr}.settings-row{align-items:flex-start;flex-direction:column}.settings-row button{width:100%}}
