*{margin:0;padding:0}.header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:50;background:#ffffff1f;border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 20px;display:flex;position:fixed;top:0;left:0;box-shadow:0 6px 20px #00000059}.header-left{align-items:center;display:flex}.logo{letter-spacing:1.2px;text-transform:uppercase;color:#fff;align-items:center;gap:12px;font-size:1.35rem;font-weight:600;display:flex}.logo img{filter:drop-shadow(0 4px 8px #00000059);width:48px;height:auto}.header-center{align-items:center;gap:14px;margin-right:30px;display:flex}.btn-header{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:6px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .25s;display:flex}.btn-add-task{color:#fff;background:linear-gradient(135deg,#00c2e8,#00c26e);box-shadow:0 8px 20px #00c2e873}.btn-add-task:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00c2e899}.btn-add-person{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 20px #2563eb73}.btn-add-person:hover{transform:translateY(-2px);box-shadow:0 12px 28px #2563eb99}.header-right{align-items:center;gap:12px;display:flex}.nav-links{gap:16px;display:flex}.nav-links a{color:#e6faff;border-radius:8px;padding:6px 10px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .25s}.nav-links a:hover{background:#ffffff2e}.logout-btn{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:12px;padding:9px 16px;font-size:.9rem;font-weight:600;transition:all .25s;box-shadow:0 4px 14px #ff6b6b73}.logout-btn:hover{background:#e63939;box-shadow:0 6px 20px #e639398c}.header-mobile-actions{gap:10px;display:none}.btn-mobile{cursor:pointer;border-radius:12px;padding:10px;font-size:1.1rem}.page-content{padding-top:90px}@media (width<=900px){.header-center{display:none}.header-mobile-actions{align-items:center;padding-right:30px;display:flex}.logo img{width:42px}.logo{font-size:1.15rem}}.login-container{color:#e6faff;background:linear-gradient(135deg,#0b1f2a,#0e7490);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border-radius:22px;width:100%;max-width:400px;padding:36px 40px;box-shadow:0 25px 60px #0009}.login-card h1{text-align:center;letter-spacing:.6px;color:#e6faff;margin-bottom:28px;font-size:1.8rem;font-weight:600}.login-form{flex-direction:column;gap:16px;display:flex}.login-form input{color:#0b1f2a;background:#f8fafc;border:none;border-radius:14px;outline:none;padding:12px 0;font-size:.95rem;box-shadow:inset 0 2px 6px #0000002e}.login-form input::placeholder{color:#64748b}.login-form input:focus{background:#fff;outline:2px solid #00c2e8}.login-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00c2e8,#00c26e);border:none;border-radius:14px;margin-top:12px;padding:13px;font-size:1rem;font-weight:600;transition:all .25s;box-shadow:0 10px 24px #00c2e873}.login-form button:hover{background:linear-gradient(135deg,#0891b2,#059669);transform:translateY(-2px);box-shadow:0 14px 32px #00c2e88c}.login-error{color:#fca5a5;text-align:center;margin-top:8px;font-size:.9rem;font-weight:500}@media (width<=480px){.login-card{border-radius:18px;padding:28px 24px}.login-card h1{font-size:1.5rem}}.planning-page{color:#e6faff;background:linear-gradient(135deg,#0b1f2a 0%,#0e4a5a 50%,#0e7490 100%);min-height:100vh;margin-top:70px;padding:24px;font-family:Segoe UI,system-ui,sans-serif}.person-filters{margin-bottom:12px;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;background:#ffffff12!important;border:1px solid #ffffff1f!important;border-radius:14px!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;display:flex!important}.person-filters span{color:#e6faff80;text-transform:uppercase;letter-spacing:.1em;margin-right:4px;font-size:.72rem;font-weight:700}.person-filters label{cursor:pointer;color:#e6faffbf;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:5px 13px;font-size:.82rem;font-weight:500;transition:all .18s;display:flex}.person-filters label:has(input:checked){border-color:#00c2e880;box-shadow:0 3px 12px #00c2e833;color:#fff!important;background:linear-gradient(135deg,#00c2e866,#00c26e66)!important}.person-filters label:hover:not(:has(input:checked)){color:#fff;background:#ffffff21}.person-filters input[type=checkbox]{display:none}.person-filters button,.btn-small{color:#e6faff73;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;padding:4px 10px;font-size:.7rem;transition:all .18s}.person-filters button:hover,.btn-small:hover{color:#fff;background:#ffffff21}.filter-group{flex-wrap:wrap;gap:10px;display:flex}.filter-actions{gap:6px;margin-left:auto;display:flex}.planning-toolbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 16px;display:flex}.nav-buttons{gap:6px;display:flex}.planning-toolbar button{color:#e6faff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#ffffff17;border:1px solid #ffffff24;border-radius:10px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .18s}.planning-toolbar button:hover{background:#00c2e838;border-color:#00c2e873;transform:translateY(-1px);box-shadow:0 4px 14px #00c2e826}.view-switcher{background:#0000002e;border:1px solid #ffffff14;border-radius:10px;padding:3px;display:flex}.view-switcher button{padding:7px 14px;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:8px!important}.view-switcher button.active{color:#00e8ff!important;background:#00c2e847!important;border:1px solid #00c2e866!important}.view-switcher button:hover{box-shadow:none!important;background:#ffffff14!important;transform:none!important}.planning-scroll{scroll-behavior:smooth;border:1px solid #ffffff1a;border-radius:16px;width:100%;position:relative;overflow:auto;box-shadow:0 8px 40px #00000040,inset 0 1px #ffffff0f}.planning-grid{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a1c2c8c;width:max-content;display:grid;position:relative}.planning-hour{text-align:center;color:#00d2f099;z-index:100;border-bottom:1px solid #ffffff0a;border-right:1px solid #ffffff0f;justify-content:center;align-items:center;font-size:.75rem;font-weight:500;display:flex;left:0;background:#0a1c2ce0!important;position:sticky!important}.planning-day{z-index:110;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#00dcffd9;text-transform:uppercase;letter-spacing:.05em;flex-direction:column;justify-content:center;align-items:center;padding:6px 4px;font-size:.8rem;font-weight:700;top:0;background:#0a1c2ceb!important;border-bottom:1px solid #00c2e826!important;border-right:2px solid #00c2e84d!important;display:flex!important;position:sticky!important}.planning-person{z-index:100;text-align:center;color:#b4ebffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #ffffff0f;border-right:1px solid #ffffff0f;justify-content:center;align-items:center;font-size:.78rem;font-weight:600;display:flex;top:48px;background:#0a1c2ce0!important;position:sticky!important}.day-boundary{border-right:2px solid #00c2e84d!important}.today-highlight{background:#00c2e81a!important;border-top:2px solid #00dcff99!important}.task{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(145deg,#00c2e8d1,#00c26ed1);border:1px solid #fff3;border-radius:7px;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:4px 6px;font-weight:600;transition:filter .15s,box-shadow .15s,transform .1s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000038,inset 0 1px #ffffff2e}.task:hover{filter:brightness(1.1);transform:scale(1.01);box-shadow:0 4px 16px #00c2e859}.task-text{text-align:left;white-space:normal;word-break:break-word;width:100%;font-size:.68rem;line-height:1.25;display:block}.task-creator{color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:2px;font-size:.58rem;font-weight:400;display:block;overflow:hidden}.month-view-container{width:100%;min-width:800px}.month-title{text-align:center;color:#00c2e8;letter-spacing:.5px;margin-bottom:15px;font-size:1.2rem;font-weight:700}.month-grid{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.month-day-header{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:#00c2e8bf;background:#0000004d;padding:10px;font-size:.72rem;font-weight:700}.month-day-cell{cursor:pointer;background:#0a1c2c73;min-height:120px;padding:8px;transition:background .18s}.month-day-cell:hover{background:#00c2e814}.month-day-cell.other-month{opacity:.22}.today-cell{background:#00c2e812!important;border:1px solid #00c2e833!important}.day-number{color:#e6faff66;margin-bottom:4px;font-size:.78rem;font-weight:600}.month-task-pill{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg,#00c2e899,#00c26e99);border:1px solid #ffffff1a;border-radius:4px;margin-bottom:2px;padding:2px 6px;font-size:.66rem;overflow:hidden}.planning-scroll::-webkit-scrollbar{width:7px;height:14px}.planning-scroll::-webkit-scrollbar-track{background:#0a1c2c80;border-radius:10px}.planning-scroll::-webkit-scrollbar-thumb{background:#00c2e84d;border:2px solid #0a1c2c80;border-radius:10px}.planning-scroll::-webkit-scrollbar-thumb:hover{background:#00c2e88c}.planning-scroll{scrollbar-width:auto!important;scrollbar-color:#00c2e84d #0a1c2c80!important;overflow-x:auto!important}@media (width<=900px){.planning-toolbar{flex-direction:column;align-items:stretch}.nav-buttons{justify-content:space-between}.nav-buttons button,.view-switcher button{flex:1;padding:9px 5px;font-size:.82rem}.person-filters{display:none!important}.month-view-container{min-width:100%}.month-day-cell{min-height:80px}}.task-creator-badge{color:#ffffffe6;background:#0000004d;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.45rem;font-weight:700;display:flex;position:absolute;bottom:2px;right:3px}.react-calendar{background:#fff;border:1px solid #a0a096;width:350px;max-width:100%;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{margin:-.5em;display:flex}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar :before,.react-calendar :after{box-sizing:border-box}.react-calendar button{border:0;outline:none;margin:0}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em;display:flex}.react-calendar__navigation button{background:0 0;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{font:inherit;justify-content:center;align-items:center;font-size:.75em;font-weight:700;display:flex}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{text-align:center;max-width:100%;font:inherit;background:0 0;padding:10px 6.6667px;font-size:.833em}.react-calendar__tile:disabled{color:#ababab;background-color:#f0f0f0}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{color:#fff;background:#006edc}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.modal-overlay{-webkit-backdrop-filter:blur(16px)saturate(1.4);z-index:9999;background:#050f1999;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px 10px 60px;display:flex;position:absolute;top:0;left:0;right:0}.modal-content{color:#fff;-webkit-backdrop-filter:blur(28px)saturate(1.5);background:#0a1c2a99;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:460px;max-width:100%;padding:28px 24px 22px;display:flex;position:relative;box-shadow:0 32px 72px #00000080,inset 0 1px #ffffff1a}.modal-content:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.modal-content form{flex-direction:column;display:flex}.modal-content h2{color:#00c2e8;text-align:center;letter-spacing:.5px;text-shadow:0 0 20px #00c2e84d;margin-top:0;margin-bottom:20px;font-size:1.3rem}.form-group{flex-direction:column;margin-bottom:13px;display:flex}.form-group label{color:#00c2e8cc;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:.82rem;font-weight:600}.modal-content input,.modal-content select,.modal-content textarea{color:#e6faff;box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:11px 14px;font-family:inherit;font-size:.92rem;transition:border-color .2s,background .2s,box-shadow .2s}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{background:#00c2e812;border-color:#00c2e880;outline:none;box-shadow:0 0 0 3px #00c2e814}.modal-content input::placeholder,.modal-content textarea::placeholder{color:#e6faff40}.modal-content select option{color:#e6faff;background:#0e3a4a}.modal-content textarea{resize:vertical;min-height:80px}.modal-content p{color:#e6faffb3;margin:0 0 8px;font-size:.88rem}.modal-textarea{color:#e6faff;resize:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;width:100%;margin-top:6px;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.modal-textarea:focus{border-color:#00c2e866;outline:none;box-shadow:0 0 0 3px #00c2e812}.person-checkboxes{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;margin-bottom:14px;padding:14px}.person-checkboxes label{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:background .2s,transform .15s;display:flex}.person-checkboxes label:hover{background:#00c2e81f;transform:translateY(-1px)}.person-checkboxes input[type=checkbox]{accent-color:#00c2e8;cursor:pointer;flex-shrink:0;width:16px;height:16px}.person-checkboxes span{color:#e6faff;font-size:.9rem;font-weight:500}.checkbox-label{cursor:pointer;color:#fff;align-items:center;gap:8px;font-size:.9rem;display:flex}.checkbox-label input{width:auto;margin:0}.assign-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:4px;display:grid!important}.assign-grid .checkbox-label{cursor:pointer;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:8px;width:100%;padding:9px 12px;transition:background .2s;display:flex;margin:0!important}.assign-grid .checkbox-label:hover{background:#00c2e81a}.assign-grid .checkbox-label.active{background:#00c2e826;border-color:#00c2e84d}@media (width<=400px){.assign-grid{grid-template-columns:1fr}}.modal-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.modal-actions button{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;flex:1;min-width:90px;padding:12px;font-size:.9rem;font-weight:600;transition:all .2s}.modal-actions .cancel{color:#e6faff99;background:#ffffff12;border:1px solid #ffffff1a}.modal-actions .cancel:hover{color:#e6faff;background:#ffffff1f}.modal-actions .submit{color:#fff;background:linear-gradient(135deg,#00c2e859,#00c26e59);border:1px solid #00c2e859;box-shadow:inset 0 1px #ffffff1a}.modal-actions .submit:hover{background:linear-gradient(135deg,#00c2e880,#00c26e80);transform:translateY(-1px);box-shadow:0 6px 20px #00c2e833}.modal-actions .danger{color:#ff8080;background:#ef444433;border:1px solid #ef44444d}.modal-actions .danger:hover{background:#ef444459;box-shadow:0 4px 16px #ef444433}.calendar-wrapper{flex-direction:column;align-items:center;margin:12px 0;display:flex}.react-calendar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:inherit;color:#fff!important;background:#0a1c2a99!important;border:1px solid #00c2e840!important;border-radius:12px!important;width:100%!important}.react-calendar__tile{border-radius:6px;color:#e6faffcc!important}.react-calendar__tile:enabled:hover,.react-calendar__tile--active{color:#fff!important;background:#00c2e84d!important}.react-calendar__tile--now{background:#ffffff14!important;border:1px solid #00c2e833!important}.react-calendar__navigation button{color:#00c2e8cc!important;background:0 0!important}.react-calendar__month-view__weekdays{text-transform:uppercase;color:#00c2e899!important;font-size:.75rem!important}.selected-date-info{color:#00c2e8cc;margin-top:10px;font-size:.85rem;font-weight:600}.multi-day-toggle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00c2e812;border:1px solid #00c2e826;border-radius:10px;gap:10px;padding:10px 14px;flex-direction:row!important}#multiDay{width:50px}@media (width<=480px){.modal-overlay{padding:15px 8px 60px}.modal-content{padding:18px 14px 16px}.form-group{margin-bottom:10px}.modal-actions{flex-direction:column;gap:8px}.modal-actions button{width:100%;padding:14px}}