@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";
:root{--color-purple-600:#fefefe;--color-indigo-800:#f6f5f5;--color-white:#323131;--color-entries-table-tbody:#faf8f8;--color-black:#575757;--color-gray-50:#edecec;--color-gray-200:#dbdbdb;--color-gray-500:#5a5b5a;--color-gray-300:#a1a4a8;--color-gray-400:#c7c9ca;--color-no-entries-message:#5a5b5a;--color-edit-btn:#9bc8ed;--color-edit-btn-hoover:#6ab2ee;--color-delete-btn:#f08f8f;--color-delete-btn-hoover:#eb5a5a;--color-gray-700:#3f403f;--color-gray-600:#f0f0f0;--color-gray-800:#212121;--color-gray-900:#212121;--color-form-select-focus:#ef2e2e;--color-indigo-700:#d0f3ff;--color-indigo-900:#f1f0f2;--color-yellow-300:#c670eb;--color-blue-400:#f4e2af;--color-blue-600:#795ea9;--color-blue-700:#573298;--color-current-day-bg:#b8defc;--color-current-day-boarder:#ef2e2e;--color-calendar-day-bg:#f4f6f8;--color-calendar-day-hoover:#e9e9e9;--color-calendar-day-boarder:#c8c7c7;--color-add-new-entry-btn:#795ea9;--color-add-new-entry-text:#f7f3f3;--color-purple-600-darker:#795ea9;--color-icon-plus:#e7e2e2}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,sans-serif}.main-app-container{background:linear-gradient(to bottom right, var(--color-purple-600), var(--color-indigo-800));min-height:100vh;color:var(--color-white);flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.content-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background-color:#ffffff1a;border:1px solid #fff3;border-radius:1rem;width:100%;max-width:42rem;margin-bottom:2rem;padding:2rem;box-shadow:0 25px 50px -12px #00000040}.main-title{margin-bottom:1rem;font-size:2.25rem;font-weight:600}.subtitle{opacity:.9;background-color:#f0f8ff;border-radius:8px;margin-bottom:1.5rem;padding:12px 20px;font-size:1.125rem}.week-navigation{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:20rem;margin:2rem auto 1rem;display:flex}.nav-button{cursor:pointer;color:var(--color-white);background-color:#fff3;border:none;border-radius:9999px;padding:.5rem;transition:background-color .2s ease-in-out}.nav-button:hover{background-color:#ffffff4d}.nav-button:focus{outline:none;box-shadow:0 0 0 2px #ffffff80}.nav-button-disabled{cursor:not-allowed;background-color:#6b728066}.nav-button-disabled:hover{background-color:#6b728066}.week-number{text-align:center;flex-grow:1;font-size:1.25rem;font-weight:700}.nav-icon{stroke:currentColor;width:1.5rem;height:1.5rem}.calendar-grid{flex-direction:column;gap:.5rem;width:100%;max-width:20rem;margin-top:2rem;margin-left:auto;margin-right:auto;display:flex}.calendar-day{cursor:pointer;background-color:var(--color-calendar-day-bg);border:1px solid var(--color-calendar-day-boarder);border-radius:.75rem;justify-content:space-between;align-items:center;padding:.75rem;transition:all .3s ease-in-out;display:flex}.calendar-day:hover{background-color:var(--color-calendar-day-hoover)}.calendar-day-today{background-color:var(--color-current-day-bg);border:2px solid var(--color-current-day-boarder);transform:scale(1.05);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.day-info{flex-direction:column;align-items:flex-start;display:flex}.day-name{font-size:.875rem;font-weight:600}@media (min-width:768px){.week-navigation{max-width:28rem}}@media (min-width:640px){.calendar-grid{gap:1rem}}@media (min-width:768px){.calendar-grid{max-width:28rem}}@media (min-width:640px){.calendar-day{padding:1rem}.day-name{font-size:1rem}.day-date{font-size:.875rem}}.day-date{opacity:.8;font-size:.75rem}.day-badges{align-items:center;gap:.5rem;display:flex}.entry-count-badge{background-color:var(--color-blue-400);color:var(--color-white);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.today-badge{background-color:var(--color-yellow-300);color:var(--color-indigo-900);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.btn-add-day-entry{background-color:var(--color-blue-600);color:var(--color-white);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;margin-left:.5rem;padding:.5rem;transition:background-color .2s ease-in-out;display:flex}.btn-add-day-entry .btn-icon{color:var(--color-icon-plus);margin:auto;display:block}.btn-add-day-entry:hover{background-color:var(--color-blue-700)}.add-new-entry-text{color:var(--color-add-new-entry-text);font-size:.875rem;font-weight:600}.modal-overlay{z-index:50;background-color:#00000080;justify-content:center;align-items:center;padding:3rem;display:flex;position:fixed;inset:0}.modal-content{text-align:center;width:100%;max-width:24rem;color:var(--color-gray-800);background-color:#fffffff2;border:1px solid #ffffff4d;border-radius:1rem;padding:1.5rem;transition:all .3s ease-out;transform:scale(.95);box-shadow:0 25px 50px -12px #00000040}@media (min-width:640px){.modal-content{padding:2rem}}.modal-title{color:var(--color-gray-800);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.entries-table-container{border:1px solid var(--color-gray-200);border-radius:.5rem;max-height:12rem;margin-top:1rem;margin-bottom:1.5rem;overflow-y:auto;box-shadow:inset 0 2px 4px #0000000f}.entries-table{border-collapse:collapse;min-width:100%}.entries-table thead{background-color:var(--color-gray-50);z-index:10;position:sticky;top:0}.table-header{text-align:left;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;padding:.5rem 1rem;font-size:.75rem;font-weight:500}.entries-table tbody{background-color:var(--color-entries-table-tbody)}.entries-table tbody tr{border-top:1px solid var(--color-gray-200)}.table-data{white-space:nowrap;color:var(--color-black);text-align:left;padding:.5rem 1rem;font-size:.875rem}.actions-column{justify-content:flex-end;gap:.5rem;padding-right:1rem;display:flex}.btn-action{cursor:pointer;border:none;border-radius:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:background-color .2s ease-in-out}.btn-edit{background-color:var(--color-edit-btn)}.btn-edit:hover{background-color:var(--color-edit-btn-hoover)}.btn-delete{background-color:var(--color-delete-btn)}.btn-delete:hover{background-color:var(--color-delete-btn-hoover)}.no-entries-message{color:var(--color-no-entries-message);margin-bottom:1.5rem}.form-group{text-align:left;margin-bottom:1rem}.form-label{color:var(--color-gray-700);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-select,.form-input{border:1px solid var(--color-gray-300);width:100%;color:var(--color-gray-900);background-color:var(--color-gray-50);box-sizing:border-box;border-radius:.5rem;padding:.75rem;transition:all .2s ease-in-out}.form-select:focus,.form-input:focus{box-shadow:0 0 0 2px var(--color-form-select-focus);border-color:#0000;outline:none}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.modal-actions-single{justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s ease-in-out;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary{background-color:var(--color-purple-600);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-purple-600-darker)}.btn-secondary{background-color:var(--color-gray-300);color:var(--color-gray-800)}.btn-secondary:hover{background-color:var(--color-gray-400)}.btn-disabled{background-color:var(--color-gray-400);color:var(--color-gray-600);cursor:not-allowed}.btn-add-entry{background-color:var(--color-add-new-entry-btn);justify-content:center;align-items:center;margin-left:auto;margin-right:auto;display:flex}.btn-add-entry:hover{background-color:var(--color-blue-700)}.btn-icon{stroke:currentColor;width:1.25rem;height:1.25rem;margin-right:.5rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-fade-in-down{animation:1s ease-out forwards fadeInDown}.animate-fade-in-up{animation:1s ease-out .3s forwards fadeInUp}.animate-fade-in{animation:1s ease-out .6s forwards fadeIn}.animate-modal-pop-in{animation:.3s ease-out forwards modalPopIn}
.Header-module__KppamW__header{z-index:1000;background-color:#c7dcf3;padding:.7rem 1rem .5rem;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.Header-module__KppamW__headerInner{box-sizing:border-box;flex-direction:column;gap:1.1rem;width:100%;max-width:none;margin:0 auto;padding-left:2rem;display:flex}.Header-module__KppamW__headerContentWrapper{justify-content:space-between;align-items:center;width:100%;display:flex}.Header-module__KppamW__logo{width:auto;height:70px;transition:height .3s}@media (max-width:900px){.Header-module__KppamW__logo{height:70px;transition:height .3s}}@media (max-width:600px){.Header-module__KppamW__logo{height:50px}}.Header-module__KppamW__nav{white-space:nowrap;align-items:center;gap:1.2rem;margin:auto;display:flex}.Header-module__KppamW__navLink{color:#004261;background-color:#c7dcf3;border-radius:.2rem;padding:.5rem .1rem;text-decoration:none;position:relative}.Header-module__KppamW__navLink:after{content:"";transform-origin:0;background-color:#ef2e2e;width:100%;height:4px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.Header-module__KppamW__navLink:hover:after{transform:scaleX(1)}.Header-module__KppamW__navLinkActive{color:#004261;border-bottom:4px solid #ef2e2e;border-radius:.2rem;padding:.5rem .2rem;font-size:1rem;text-decoration:none}.Header-module__KppamW__userSection{align-items:center;gap:.85rem;margin-left:auto;padding-left:1rem;display:flex}.Header-module__KppamW__logoutBtn{color:#fff;cursor:pointer;background-color:#ef2e2e;border:none;border-radius:.4rem;padding:.5rem 1.12rem;font-size:1rem;transition:background-color .3s}.Header-module__KppamW__logoutBtn:hover{background-color:#ef2e2e}.Header-module__KppamW__mobileUserInfo{flex-direction:column;align-items:flex-start;margin:.5rem 0;padding:.5rem 1rem;display:flex}.Header-module__KppamW__mobileUserName{color:#004261;border-radius:8px;padding:.5rem;font-size:.95rem;font-weight:500}@media (max-width:600px){.Header-module__KppamW__mobileUserInfo{display:block}}.Header-module__KppamW__menuButton{cursor:pointer;background:0 0;border:1px solid #004261;border-radius:6px;margin-left:auto;padding:.1rem .4rem;font-size:2.4rem;display:none}.Header-module__KppamW__overlay{display:none}@media (max-width:978px){.Header-module__KppamW__menuButton{display:block}.Header-module__KppamW__userSection,.Header-module__KppamW__nav{display:none}.Header-module__KppamW__nav.Header-module__KppamW__navOpen{z-index:1001;background-color:#f1f0f0;flex-direction:column;gap:.5rem;width:200px;height:100%;padding-top:60px;transition:left .3s ease-in-out;display:flex;position:fixed;top:0;right:0;box-shadow:-2px 0 8px #0003}.Header-module__KppamW__navLink,.Header-module__KppamW__navLinkActive{border-bottom:1px solid #004261;width:95%;padding:8px 15px}.Header-module__KppamW__navLinkActive{color:#fff;background-color:#004261;border-bottom:4px solid #ef2e2e;border-radius:6px;padding:.5rem 1.1rem;text-decoration:none}.Header-module__KppamW__logoutBtn{margin-top:1rem;margin-right:.5rem}.Header-module__KppamW__overlay{z-index:1000;background:#0006;width:100%;height:100%;display:block;position:fixed;top:0;left:0}.Header-module__KppamW__mobileUserInfo{white-space:normal;background-color:#bda2db;width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;position:absolute;top:0;left:0;right:1rem}}
.Footer-module__UDEoiW__footer{text-align:center;color:#cccbcb;box-sizing:border-box;background-color:#054c73;max-width:100%;padding:1rem 1.5rem;font-size:1rem;line-height:1.5;bottom:0}.Footer-module__UDEoiW__firstLine{margin:0}.Footer-module__UDEoiW__secondLine{color:#8c8c8c;margin:.1rem 0 0;font-size:.7rem;font-style:italic}