:root {
  --b:#0086cd;--bd:#006497;--y:#fecc1b;--g:#7fc242;
  --navy:#082f45;--ink:#142733;--muted:#607683;--page:#edf5f7;
  --line:#d3e2e8;--danger:#d53b49;
  --sm:0 5px 18px rgba(7,44,64,.08);
  --md:0 18px 45px rgba(7,44,64,.13);
  --lg:0 30px 80px rgba(7,44,64,.2);
}

body,button,input,select,textarea{font-family:"Heebo","Segoe UI",Arial,sans-serif!important}
body{color:var(--ink);background:radial-gradient(circle at 96% 4%,rgba(0,134,205,.13),transparent 31rem),radial-gradient(circle at 4% 94%,rgba(127,194,66,.1),transparent 28rem),var(--page)}
button,input,select,textarea{transition:.16s ease}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(0,134,205,.24);outline-offset:2px}
.harel-logo{display:block;object-fit:contain;background:#fff}

/* כניסה */
.auth-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;min-height:100vh;padding:28px;overflow:auto;background:linear-gradient(135deg,rgba(7,46,67,.97),rgba(0,95,152,.92)),var(--navy)}
.auth-screen:before,.auth-screen:after{position:fixed;border-radius:50%;content:"";pointer-events:none}
.auth-screen:before{top:-170px;left:-120px;width:430px;height:430px;background:rgba(254,204,27,.15)}
.auth-screen:after{right:-150px;bottom:-160px;width:470px;height:470px;background:rgba(127,194,66,.16)}
.auth-card{position:relative;z-index:1;width:min(460px,100%);padding:35px;overflow:hidden;background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:var(--lg)}
.auth-card:before{position:absolute;top:0;right:0;left:0;height:7px;background:linear-gradient(90deg,var(--b) 0 34%,var(--y) 34% 67%,var(--g) 67%);content:""}
.auth-brand{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.auth-brand span{color:var(--bd);font-size:13px;font-weight:800}
.auth-harel-logo{width:166px;height:94px}
.auth-card h1{margin:0 0 7px;font-size:32px;font-weight:800;letter-spacing:-.7px}
.auth-card>p{color:var(--muted)}
.auth-card label,.modal label,.filter-field label{color:#334f60;font-size:14px;font-weight:700}
.auth-card input,.modal input,.modal select,.modal textarea,.filter-field input,.filter-field select{min-height:46px;padding:10px 13px;color:var(--ink);background:#fff;border:1px solid #c7d9e1;border-radius:12px}
.auth-card input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus,.filter-field input:focus,.filter-field select:focus{border-color:var(--b);outline:none;box-shadow:0 0 0 4px rgba(0,134,205,.11)}

/* כפתורים */
.primary-button,#authSubmitButton,#newGanttButton,#saveTaskButton,#createGanttButton,#addMemberButton{color:#fff;background:linear-gradient(135deg,#0798df,#0075b7);border:0;border-radius:12px;box-shadow:0 8px 18px rgba(0,134,205,.22);font-weight:800}
.primary-button:hover,#authSubmitButton:hover,#newGanttButton:hover,#saveTaskButton:hover,#createGanttButton:hover,#addMemberButton:hover{background:linear-gradient(135deg,#0088cf,#0068a5);box-shadow:0 11px 24px rgba(0,134,205,.3);transform:translateY(-1px)}
.secondary-button,.back-button,.icon-nav-button,.today-button,#exportExcelButton{color:#294b5e;background:#fff;border:1px solid #cbdbe3;border-radius:11px;box-shadow:0 2px 8px rgba(7,44,64,.05)}
.secondary-button:hover,.back-button:hover,.icon-nav-button:hover,.today-button:hover,#exportExcelButton:hover{color:var(--bd);background:#eaf7fd;border-color:rgba(0,134,205,.5);transform:translateY(-1px)}
.yellow-button,.filter-toggle-button{color:#20323d;background:linear-gradient(135deg,#ffda4f,var(--y));border:1px solid #e6b900;border-radius:11px;box-shadow:0 7px 17px rgba(254,204,27,.22);font-weight:800}
.yellow-button:hover,.filter-toggle-button:hover{background:linear-gradient(135deg,#ffe16c,#f2bd00);transform:translateY(-1px)}
.danger-button{color:var(--danger);background:#fff1f2;border:1px solid #f1b8be;border-radius:11px}
.danger-text-button{color:var(--danger);background:transparent;border:0;border-radius:8px}.danger-text-button:hover{background:#fff0f1}

/* בית */
.home-screen{min-height:100vh;padding:34px clamp(22px,4vw,62px) 72px;background:linear-gradient(180deg,var(--navy) 0 250px,transparent 250px),radial-gradient(circle at 8% 78%,rgba(127,194,66,.11),transparent 28rem),var(--page)}
.home-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1320px;min-height:176px;margin:0 auto 32px;padding:26px 30px;overflow:hidden;color:#fff;background:radial-gradient(circle at 13% 125%,rgba(254,204,27,.26),transparent 18rem),radial-gradient(circle at 88% -35%,rgba(127,194,66,.25),transparent 22rem),linear-gradient(125deg,#07415f,#006aa7);border:1px solid rgba(255,255,255,.15);border-radius:26px;box-shadow:var(--lg)}
.home-header:after{position:absolute;top:0;right:0;width:8px;height:100%;background:linear-gradient(var(--y) 0 50%,var(--g) 50%);content:""}
.home-brand{position:relative;z-index:1;display:flex;align-items:center;gap:24px}.home-harel-logo{width:174px;height:102px;padding:7px;border-radius:16px;box-shadow:0 10px 24px rgba(3,27,41,.18)}
.home-header .eyebrow{margin-bottom:5px;color:#aee2ff;font-size:13px;font-weight:800}.home-header h1{margin:0 0 6px;color:#fff;font-size:clamp(32px,4vw,48px);font-weight:800;letter-spacing:-1.2px}.home-header p{margin:0;color:rgba(255,255,255,.76)}
.home-header .header-actions{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.home-header .user-details{display:flex;flex-direction:column;gap:2px;min-width:118px;padding:9px 12px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);border-radius:12px}.home-header #currentUserRole{color:#aee2ff;font-size:12px}.home-header #logoutButton{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}
.gantts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:22px;max-width:1320px;margin:0 auto}
.gantt-card{position:relative;display:flex;flex-direction:column;min-height:238px;padding:23px;overflow:hidden;background:rgba(255,255,255,.98);border:1px solid rgba(199,216,225,.9);border-radius:21px;box-shadow:var(--sm);cursor:pointer}
.gantt-card:before{position:absolute;top:0;right:0;left:0;height:6px;background:linear-gradient(90deg,var(--b),#11a5dc 48%,var(--g));content:""}.gantt-card:nth-child(3n + 2):before{background:linear-gradient(90deg,var(--y),#ffdd5b,var(--b))}.gantt-card:nth-child(3n + 3):before{background:linear-gradient(90deg,var(--g),#a3d870,var(--y))}
.gantt-card:hover{border-color:rgba(0,134,205,.4);box-shadow:var(--md);transform:translateY(-5px)}.gantt-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.gantt-card h3{margin:28px 0 7px;color:var(--navy);font-size:25px;font-weight:800}.gantt-card-dates{margin:0 0 24px;color:var(--muted)}.gantt-card .open-gantt-button{width:100%;margin-top:auto}
.role-badge{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.role-owner{color:#725700;background:#fff6cf}.role-editor{color:#477f19;background:#eef9e5}.role-commenter{color:#00649c;background:#e8f6fd}

/* כותרת גאנט */
.gantt-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px;padding:13px clamp(18px,3vw,44px);color:#fff;background:linear-gradient(120deg,var(--navy),#07577d);border:0;box-shadow:0 8px 24px rgba(5,40,59,.2)}
.gantt-heading{display:flex;align-items:center;gap:24px}.gantt-brand-title{display:flex;align-items:center;gap:15px}.gantt-harel-logo{width:105px;height:58px;padding:3px;border-radius:10px}.gantt-header h1{margin:0 0 3px;color:#fff;font-size:25px;font-weight:800}.gantt-header p{margin:0;color:rgba(255,255,255,.7)}.gantt-header .header-actions{display:flex;flex-wrap:wrap;gap:9px}.gantt-header .secondary-button,.gantt-header .back-button{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28)}

/* עבודה */
.gantt-main{min-height:calc(100vh - 92px);padding:25px clamp(16px,3vw,42px) 60px;background:transparent}.workspace-toolbar{display:grid;grid-template-columns:auto minmax(330px,1fr) auto;align-items:center;gap:17px;margin-bottom:16px;padding:13px;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:17px;box-shadow:var(--sm)}
.view-switcher{display:flex;gap:4px;padding:4px;background:#eaf1f4;border-radius:12px}.view-button{color:#5a6e7b;background:transparent;border:0;border-radius:9px;box-shadow:none}.view-button:hover{color:var(--bd);background:#fff}.view-button.active{color:#fff;background:linear-gradient(135deg,#0898df,#0076b8);box-shadow:0 6px 15px rgba(0,134,205,.23)}
.period-navigation{display:flex;align-items:center;justify-content:center;gap:8px}#currentPeriodLabel{min-width:230px;text-align:center;font-weight:800}.filters-panel{display:grid;grid-template-columns:minmax(210px,2fr) repeat(4,minmax(135px,1fr)) auto;gap:12px;margin-bottom:17px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--sm)}.filter-field label{margin-top:0}.results-summary{width:fit-content;margin:0 0 10px;padding:5px 11px;color:var(--muted);background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700}
.calendar-view{min-height:560px;overflow:hidden;background:rgba(255,255,255,.76);border:1px solid var(--line);border-radius:20px;box-shadow:var(--md)}.timeline-view{padding:15px;gap:12px}.day-column{overflow:hidden;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:16px}.day-column.today{background:linear-gradient(180deg,#e8f6fd,#fff 35%);border:2px solid var(--b)}.day-column-header{background:#f7fafb;border-bottom:1px solid var(--line)}.day-column.today .day-column-header{background:#e5f5fc}.day-number{color:var(--navy);font-weight:900}
.month-view{min-width:920px;padding:14px}.month-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));direction:rtl;overflow:hidden;background:linear-gradient(90deg,var(--bd),var(--b));border-radius:14px 14px 0 0}.month-weekday{display:grid;place-items:center;min-height:43px;color:#fff;border-left:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:800}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));direction:rtl;gap:1px;overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:0 0 14px 14px}.month-day{min-height:148px;padding:8px;background:#fff}.month-day:hover{position:relative;z-index:2;box-shadow:inset 0 0 0 2px rgba(0,134,205,.3)}.month-day.today{background:linear-gradient(145deg,#e5f5fc,#fff 65%);box-shadow:inset 0 0 0 2px var(--b)}.month-day.outside-month{background:#f0f4f6;opacity:.7}.month-day.today .month-day-header span{color:#fff;background:var(--b)}

/* משימות */
.task-card{border-radius:10px;box-shadow:0 4px 11px rgba(7,44,64,.09);font-family:"Heebo","Segoe UI",Arial,sans-serif!important}.task-card:hover{z-index:4;box-shadow:0 9px 20px rgba(7,44,64,.17);transform:translateY(-2px)}
.task-card.category-content{color:#fff!important;background:linear-gradient(135deg,#0799e0,#0074b4)!important;border-color:#00669f!important;border-right-color:#005b8e!important}.task-card.category-content .task-meta,.task-card.category-content .task-assignee,.task-card.category-content .task-date-range,.task-card.category-content .task-time{color:rgba(255,255,255,.9)!important}.task-card.category-digital{color:#182934!important;background:linear-gradient(135deg,#ffdf62,var(--y))!important;border-color:#dbae00!important;border-right-color:#c89c00!important}.task-card.category-production{color:#17300b!important;background:linear-gradient(135deg,#a4d971,var(--g))!important;border-color:#5ca228!important;border-right-color:#4c8e20!important}.task-card.category-other{color:var(--ink)!important;background:#fff!important;border-color:#aebfc8!important;border-right-color:#607785!important}.task-card.status-done{opacity:.68}

/* חלונות */
.modal{color:var(--ink);background:#fff;border:0;border-radius:22px;box-shadow:var(--lg)}.modal::backdrop{background:rgba(5,31,46,.62);backdrop-filter:blur(5px)}.modal-header{position:sticky;top:0;z-index:3;margin:-22px -22px 20px;padding:19px 22px;background:linear-gradient(135deg,#f7fbfd,#fff);border-bottom:1px solid var(--line)}.modal-header:before{position:absolute;top:0;right:0;width:6px;height:100%;background:linear-gradient(var(--b),var(--g));content:""}.modal-header h2{color:var(--navy);font-weight:800}.close-button{display:grid;place-items:center;width:36px;height:36px;padding:0;color:#607684;background:#eaf1f4;border:0;border-radius:50%}.modal-actions{border-top-color:var(--line)}.member-row,.comment{background:#f7fafb;border:1px solid var(--line);border-radius:13px}.owner-row{background:linear-gradient(135deg,#fff7d8,#fff);border-color:#ecd779}.empty-state{color:var(--muted);background:rgba(255,255,255,.86);border:1px dashed #b9ccd6;border-radius:18px}

@media(max-width:1080px){.home-header{align-items:flex-start;flex-direction:column}.home-header .header-actions{width:100%;justify-content:flex-start}.workspace-toolbar{grid-template-columns:1fr}.filters-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.search-field{grid-column:span 2}}
@media(max-width:760px){.auth-card{padding:28px 21px}.auth-brand{align-items:flex-start;flex-direction:column}.home-screen{padding:16px 12px 45px;background:linear-gradient(180deg,var(--navy) 0 330px,transparent 330px),var(--page)}.home-header{min-height:0;padding:22px;border-radius:20px}.home-brand{align-items:flex-start;flex-direction:column}.home-harel-logo{width:140px;height:82px}.home-header h1{font-size:35px}.home-header .header-actions>*{flex:1 1 auto}.gantt-header{position:relative;align-items:flex-start;flex-direction:column}.gantt-heading{align-items:flex-start;flex-direction:column}.gantt-brand-title{align-items:flex-start}.gantt-main{padding:14px 10px 45px}.view-switcher{width:100%}.view-button{flex:1;padding-inline:7px}.period-navigation{flex-wrap:wrap}#currentPeriodLabel{order:-1;width:100%}.filters-panel{grid-template-columns:1fr}.search-field{grid-column:auto}.calendar-view{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}