:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--color-bg: #f0f4f8;--color-surface: #ffffff;--color-text: #0f172a;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-brand: #0e7490;--color-brand-dark: #155e75;--color-brand-light: #22d3ee;--color-header-from: #0f4c5c;--color-header-to: #0e7490;--color-weekend: #e8f4fc;--color-holiday: #fcd34d;--color-holiday-text: #78350f;--color-bank-hol: #c7d2fe;--color-bank-hol-text: #312e81;--color-provisional: #fef3c7;--color-provisional-hover: #fde68a;--color-today-ring: #6366f1;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--header-height: 56px;--footer-height: 44px}@media screen and (min-width: 1440px){:root{--header-height: 64px;--footer-height: 56px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--color-text);background:var(--color-bg)}body.modal-open{overflow:hidden}button{font-family:inherit;font-size:inherit}.container{display:flex;flex-wrap:wrap;justify-content:center;padding:calc(var(--header-height) + .75rem) .5rem calc(var(--footer-height) + 1rem)}.welcome{max-width:420px;margin:2rem auto;padding:2rem 1.75rem;text-align:center;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.welcome p{margin:0 0 1.25rem;font-size:.9375rem;line-height:1.65;color:var(--color-text-muted)}.welcome p:first-child{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:1rem}.button{display:flex;justify-content:center;margin-top:.5rem}.loader{display:inline-block;width:80px;height:80px}.loader:after{content:" ";display:block;width:48px;height:48px;margin:16px auto;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-brand);animation:loader .8s linear infinite}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-start;justify-content:center;padding:.75rem;overflow-y:auto;background:#0f172a80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.controls{width:100%;max-width:400px;max-height:calc(100vh - 1.5rem);margin:auto;display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}@media screen and (min-width: 480px){.modal{align-items:center;padding:1.5rem}.controls{max-height:min(90vh,720px)}}.config-sheet__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,#f8fafc 0%,var(--color-surface) 100%)}.config-sheet__title{margin:0;font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.config-sheet__close{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;font-size:1.5rem;line-height:1;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.config-sheet__close:hover{color:var(--color-text);background:#fff;border-color:#cbd5e1}.config-tabs{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.config-tabs__list{display:flex;flex-shrink:0;gap:.375rem;margin:0;padding:.75rem 1rem 0;list-style:none;border:none}.config-tabs__tab{flex:1;margin:0;padding:.625rem .75rem;font-size:.8125rem;font-weight:600;text-align:center;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);border-bottom:1px solid var(--color-border);cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.config-tabs__tab:hover{color:var(--color-brand-dark);background:#fff}.config-tabs__tab.react-tabs__tab--selected{color:#fff;background:linear-gradient(135deg,var(--color-header-from) 0%,var(--color-header-to) 100%);border-color:transparent;box-shadow:var(--shadow-sm)}.config-tabs__tab:focus{outline:none}.config-tabs__tab:focus-visible{box-shadow:0 0 0 3px #0e749059}.config-tabs__panel{flex:1;margin:0;padding:0;overflow-y:auto;outline:none}.config-tabs__panel.react-tabs__tab-panel--selected{padding:0}.config-panel{padding:1rem 1.25rem 1.5rem}.config-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.config-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.config-section__title{margin:0 0 .375rem;font-size:.9375rem;font-weight:600;color:var(--color-text)}.config-section__hint{margin:0 0 1rem;font-size:.8125rem;line-height:1.5;color:var(--color-text-muted)}.month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.month-grid__btn{min-width:0;height:2.5rem;margin:0;padding:0 .25rem;font-size:.8125rem;font-weight:600;color:var(--color-brand-dark);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.month-grid__btn:hover{background:#e0f2fe;border-color:#7dd3fc}.month-grid__btn--active{color:#fff;background:linear-gradient(135deg,var(--color-header-from) 0%,var(--color-header-to) 100%);border-color:transparent;box-shadow:var(--shadow-sm)}.month-grid__btn--active:hover{background:linear-gradient(135deg,var(--color-header-from) 0%,var(--color-header-to) 100%);border-color:transparent}.field-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.field-row:last-child{margin-bottom:0}.field-row--stacked{flex-direction:column;align-items:stretch;gap:.375rem;margin-bottom:1rem}.field-row__label{flex-shrink:0;font-size:.875rem;font-weight:500;color:var(--color-text)}.field-row__input{width:5.5rem;min-width:0;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--color-text);text-align:right;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease}.field-row__input--grow{width:100%;text-align:left}.field-row__input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px #0e749033}.field-row--stacked .field-row__input{width:100%;text-align:left}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;margin:0;padding:0 1.25rem;font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease}.btn--block{width:100%}.btn--primary{color:#fff;background:linear-gradient(135deg,var(--color-header-from) 0%,var(--color-header-to) 100%);box-shadow:var(--shadow-sm)}.btn--primary:hover{filter:brightness(1.05);box-shadow:var(--shadow-md)}.btn--secondary{color:var(--color-brand-dark);background:var(--color-bg);border:1px solid var(--color-border)}.btn--secondary:hover{background:#e0f2fe;border-color:#7dd3fc}.bh-list{margin:0 0 1rem;padding:0;list-style:none}.bh-list__item{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;padding:.625rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.bh-list__item:last-child{margin-bottom:0}.bh-list__item .field-row__input[type=date]{flex:0 0 auto;width:auto;min-width:9rem;text-align:left}.bh-list__item .field-row__input--grow{flex:1 1 8rem}.control{display:none}footer{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem 1rem;min-height:var(--footer-height);padding:.5rem 1rem;color:#fff;background:linear-gradient(135deg,var(--color-header-from) 0%,var(--color-header-to) 100%);box-shadow:0 -4px 12px #0f172a14;font-size:.875rem;font-weight:500}footer button{height:2rem;padding:0 .75rem;font-size:.8125rem;font-weight:600;color:var(--color-brand-dark);background:#fff;border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}footer button:hover{background:#f8fafc}.from,.to,.length,.ytd{margin:0}.from-to{display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:center;justify-content:center}@media screen and (max-width: 768px){footer{font-size:.75rem;padding:.375rem .5rem}.from-to{flex-direction:column;align-items:center;gap:.125rem}footer button{height:1.75rem;padding:0 .5rem;font-size:.75rem}}.day{display:flex;align-items:center;justify-content:center;margin:0;padding:0;height:100%;min-height:26px;font-size:.75rem;font-weight:500;color:var(--color-text);background:var(--color-surface);border:none;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);cursor:pointer}.day:focus{outline:none}.day:focus-visible{z-index:1;box-shadow:inset 0 0 0 2px var(--color-today-ring)}.day-6,.day-0{background-color:var(--color-weekend);color:var(--color-text-muted)}.day.hol{background-color:var(--color-holiday);color:var(--color-holiday-text);font-weight:600}.day.bhol{background-color:var(--color-bank-hol);color:var(--color-bank-hol-text);font-weight:600}.day.provhol,.day.start-of-hol{background-color:var(--color-provisional);color:var(--color-holiday-text)}.day.select-mode:hover:not(.day-0):not(.day-6){background-color:var(--color-provisional-hover)}.day.half-first{background:linear-gradient(to bottom right,var(--color-holiday) 0%,var(--color-holiday) 50%,var(--color-surface) 50%,var(--color-surface) 100%)}.day.half-last,.day.half{background:linear-gradient(to bottom right,var(--color-surface) 0%,var(--color-surface) 50%,var(--color-holiday) 50%,var(--color-holiday) 100%)}.day.today{position:relative;z-index:1;box-shadow:inset 0 0 0 2px var(--color-today-ring);font-weight:700;color:var(--color-today-ring)}.day-1{grid-column:1}.day-2{grid-column:2}.day-3{grid-column:3}.day-4{grid-column:4}.day-5{grid-column:5}.day-6{grid-column:6}.day-0{grid-column:7}header{position:fixed;top:0;left:0;right:0;z-index:10;background:transparent}.header-controls{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--header-height);padding:0 1rem;color:#fff;background:linear-gradient(135deg,var(--color-header-from) 0%,var(--color-header-to) 100%);box-shadow:var(--shadow-md);font-weight:600;letter-spacing:.01em}.year button,.settings button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.year button:hover,.settings button:hover{background:#ffffff38;border-color:#ffffff59}.settings{flex:0 0 33%;display:flex;align-items:center;min-height:38px}.settings button{margin-left:0}.year{flex:0 0 33%;display:flex;align-items:center;justify-content:center;gap:.25rem}.currentYear{margin:0 .5rem;font-size:1rem;font-weight:600;white-space:nowrap}.stats-group{flex:0 0 33%;display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.stats-small{font-size:.75rem;font-weight:500;opacity:.88}.stats{font-size:.875rem;font-weight:600}@media only screen and (max-width: 600px){.header-controls{padding:0 .5rem}.stats-group{flex:0 0 26%}.stats{font-size:.75rem}.currentYear{margin:0;font-size:.875rem}.year{flex:0 0 50%}.settings{flex:0 0 15%}}.month{width:300px;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:auto repeat(7,28px);margin:1rem;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}@media screen and (min-width: 1440px){.month{width:200px;margin:1rem .625rem;grid-template-rows:auto repeat(7,26px)}}.month h3{grid-column:1 / span 7;margin:0;padding:.5rem .25rem;text-align:center;font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:#fff;background:linear-gradient(180deg,var(--color-brand-dark) 0%,var(--color-brand) 100%);border-radius:0}.month .dow{display:flex;align-items:center;justify-content:center;margin:0;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-brand-dark);background:#e0f2fe;border-bottom:1px solid var(--color-border)}.App{min-height:100vh}.App button{cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.App button:active:not(:disabled){transform:scale(.98)}.react-icons{vertical-align:middle}