:root{--app-text-main: var(--app-text-color, #131a23);--app-text-soft: #5d6673;--app-text-faint: rgba(93, 102, 115, .62);--app-control-bg: rgba(255, 255, 255, .88);--app-control-bg-hover: rgba(255, 255, 255, .95);--app-muted-surface-rgb: 236, 238, 241}.bg-qoves-blue-50{background-color:rgba(var(--app-muted-surface-rgb),1)!important}.bg-qoves-blue-50\/80{background-color:rgba(var(--app-muted-surface-rgb),.8)!important}.bg-qoves-blue-50\/70{background-color:rgba(var(--app-muted-surface-rgb),.7)!important}.bg-qoves-blue-50\/65{background-color:rgba(var(--app-muted-surface-rgb),.65)!important}.bg-qoves-blue-50\/60{background-color:rgba(var(--app-muted-surface-rgb),.6)!important}.bg-qoves-blue-50\/55{background-color:rgba(var(--app-muted-surface-rgb),.55)!important}.bg-qoves-blue-50\/50{background-color:rgba(var(--app-muted-surface-rgb),.5)!important}.bg-qoves-blue-50\/45{background-color:rgba(var(--app-muted-surface-rgb),.45)!important}.bg-qoves-blue-50\/40{background-color:rgba(var(--app-muted-surface-rgb),.4)!important}.bg-qoves-blue-50\/35{background-color:rgba(var(--app-muted-surface-rgb),.35)!important}.bg-qoves-blue-50\/30{background-color:rgba(var(--app-muted-surface-rgb),.3)!important}.bg-qoves-blue-50\/25{background-color:rgba(var(--app-muted-surface-rgb),.25)!important}.bg-qoves-blue-50\/15{background-color:rgba(var(--app-muted-surface-rgb),.15)!important}.hover\:bg-qoves-blue-50:hover{background-color:rgba(var(--app-muted-surface-rgb),1)!important}.hover\:bg-qoves-blue-50\/80:hover{background-color:rgba(var(--app-muted-surface-rgb),.8)!important}.hover\:bg-qoves-blue-50\/55:hover{background-color:rgba(var(--app-muted-surface-rgb),.55)!important}.hover\:bg-qoves-blue-50\/45:hover{background-color:rgba(var(--app-muted-surface-rgb),.45)!important}.hover\:bg-qoves-blue-50\/40:hover{background-color:rgba(var(--app-muted-surface-rgb),.4)!important}.hover\:bg-qoves-blue-50\/30:hover{background-color:rgba(var(--app-muted-surface-rgb),.3)!important}.app-sidebar-shell{background:var(--app-surface);box-shadow:8px 0 36px -28px #131a238c}.app-sidebar-top{background:var(--app-surface-strong)}.app-view-shell{position:relative;height:100%;display:flex;flex-direction:column;overflow-y:auto;padding-inline:clamp(.9rem,2.8vw,2.2rem);padding-top:clamp(.65rem,1.6vh,1.1rem);padding-bottom:clamp(.8rem,2.2vh,1.5rem)}.app-view-shell-wide{position:relative;height:100%;display:flex;flex-direction:column;overflow-y:auto;padding-inline:4%;padding-top:3%;padding-bottom:4%}.app-page-header{background:var(--app-surface);border:1px solid var(--app-border);border-radius:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--app-shadow-soft)}.app-glass-card{background:var(--app-surface);border:1px solid var(--app-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--app-shadow)}.app-soft-card{background:var(--app-surface-strong);border:1px solid var(--app-border);box-shadow:var(--app-shadow-soft)}.app-action-primary{background:#21808d;color:#fff;box-shadow:0 14px 30px -18px #21808de6;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.app-action-primary:hover{background:#1b6f7a;transform:translateY(-1px);box-shadow:0 18px 36px -20px #21808de6}.app-action-secondary{background:var(--app-control-bg);color:var(--app-text-main);border:1px solid var(--app-border-strong);transition:border-color .18s ease,background-color .18s ease,color .18s ease}.app-action-secondary:hover{border-color:#21808d8c;background:var(--app-control-bg-hover)}.app-input{border:1px solid var(--app-border-strong);background:var(--app-surface);border-radius:.75rem;color:var(--app-text-main);transition:border-color .16s ease,box-shadow .16s ease}.app-input::placeholder{color:var(--app-text-faint)}.app-input:focus{outline:none;border-color:#21808d9e;box-shadow:0 0 0 3px #21808d29}.app-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;border:1px solid var(--app-border-strong);background:var(--app-control-bg);color:var(--app-text-soft);transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}.app-theme-toggle:hover{color:var(--app-text-main);border-color:#21808d94;background:var(--app-control-bg-hover);transform:translateY(-1px)}.dark .text-qoves-dark{color:#e7eef5!important}.dark .text-qoves-dark\/75{color:#e7eef5bf!important}.dark .text-qoves-dark\/50{color:#e7eef580!important}.dark .text-qoves-muted{color:#aebccd!important}.dark .text-qoves-muted\/80,.dark .text-qoves-muted\/70{color:#aebccdcc!important}.dark .text-qoves-muted\/50,.dark .text-qoves-muted\/30{color:#aebccd8c!important}.dark .border-qoves-muted\/5,.dark .border-qoves-muted\/10,.dark .border-qoves-muted\/15,.dark .border-qoves-muted\/20,.dark .border-qoves-muted\/25,.dark .border-qoves-muted\/30{border-color:#aabdd133!important}.dark .border-qoves-dark\/10,.dark .border-qoves-dark\/20,.dark .border-qoves-dark\/40{border-color:#aabdd147!important}.dark .bg-qoves-blue-50{background-color:rgba(var(--app-muted-surface-rgb),.88)!important}.dark .bg-qoves-blue-50\/50{background-color:rgba(var(--app-muted-surface-rgb),.55)!important}.dark .bg-white{background-color:#142432eb!important}.dark .bg-white\/95{background-color:#142432f2!important}.dark .bg-white\/92,.dark .bg-white\/90,.dark .bg-white\/85,.dark .bg-white\/80,.dark .bg-white\/70,.dark .bg-white\/56,.dark .bg-white\/50{background-color:#142432db!important}.dark .hover\:bg-white:hover,.dark .hover\:bg-white\/85:hover,.dark .hover\:bg-white\/90:hover{background-color:#1d3142f0!important}.dark .bg-slate-50,.dark .bg-slate-50\/95,.dark .bg-slate-50\/90,.dark .bg-slate-50\/80,.dark .bg-slate-50\/70,.dark .bg-slate-50\/60{background-color:#172837e6!important}.dark .bg-slate-100,.dark .bg-slate-100\/70{background-color:#213444eb!important}.dark .bg-slate-200,.dark .bg-slate-200\/70{background-color:#2c4253e6!important}.dark .bg-slate-900\/60{background-color:#030910bf!important}.dark .text-slate-900,.dark .text-slate-800{color:#e7eef5!important}.dark .text-slate-700,.dark .text-slate-600{color:#bdcada!important}.dark .text-slate-500,.dark .text-slate-400{color:#9aaac0!important}.dark .text-slate-300{color:#8396ad!important}.dark .border-slate-100,.dark .border-slate-200,.dark .border-slate-200\/60,.dark .border-slate-300{border-color:#aabdd138!important}.dark .border-white\/20{border-color:#aabdd133!important}.submission-grid-page .app-page-header{box-shadow:var(--app-shadow-soft)}.submission-grid-page table thead{position:sticky;top:0;z-index:20;background:var(--app-surface-strong);background:color-mix(in srgb,var(--app-surface-strong) 96%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.invoice-flow-page .invoice-flow-header{background:linear-gradient(152deg,color-mix(in srgb,var(--app-surface-strong) 95%,transparent),color-mix(in srgb,var(--app-surface) 92%,transparent));box-shadow:var(--app-shadow-soft)}.invoice-flow-kpi{background:color-mix(in srgb,var(--app-surface-strong) 95%,transparent);border-color:color-mix(in srgb,var(--app-border) 90%,transparent);box-shadow:0 16px 30px -28px #131a2359}.invoice-flow-kpi-label{display:inline-flex;align-items:center;gap:.36rem;font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--app-text-soft)}.invoice-flow-kpi-value{margin-top:.38rem;font-family:var(--font-sf-display),var(--font-sf),system-ui,sans-serif;font-size:1.14rem;line-height:1;font-weight:600;color:var(--app-text-main)}.invoice-flow-kpi-note{margin-top:.35rem;font-size:.64rem;line-height:1.25;color:var(--app-text-soft)}.invoice-flow-kpi--incoming{border-color:#869db259}.invoice-flow-kpi--control{border-color:#e8b46073}.invoice-flow-kpi--release{border-color:#70db9f66}.invoice-flow-kpi--accounting{border-color:#7bc3f46b}.invoice-flow-kpi--archive{border-color:#a5b8cd59}.invoice-flow-secondary-btn{box-shadow:0 10px 20px -18px #131a2380}.invoice-flow-dropzone-trigger{transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.invoice-flow-dropzone-trigger:hover{border-color:#21808d7a;background:color-mix(in srgb,var(--app-surface-strong) 90%,transparent);transform:translateY(-1px)}.invoice-flow-toolbar{background:color-mix(in srgb,var(--app-surface) 95%,transparent)}.invoice-flow-filter-pill{transition:border-color .16s ease,background-color .16s ease}.invoice-flow-filter-pill:hover{background:color-mix(in srgb,var(--app-surface-strong) 95%,transparent)}.invoice-flow-board{align-items:stretch}.invoice-flow-column{--invoice-column-accent: rgba(165, 184, 205, .45);position:relative;background:var(--app-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--app-shadow-soft)}.invoice-flow-column:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--invoice-column-accent),transparent 80%);pointer-events:none}.invoice-flow-column-header{background:var(--app-surface-strong);background:color-mix(in srgb,var(--app-surface-strong) 94%,transparent)}.invoice-flow-column--incoming{--invoice-column-accent: rgba(134, 157, 178, .62);border-color:#869db259}.invoice-flow-column--control{--invoice-column-accent: rgba(232, 180, 96, .65);border-color:#f5c16780}.invoice-flow-column--release{--invoice-column-accent: rgba(112, 219, 159, .62);border-color:#70db9f73}.invoice-flow-column--accounting{--invoice-column-accent: rgba(123, 195, 244, .68);border-color:#7bc3f475}.invoice-flow-item{background:var(--app-surface-heavy);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.invoice-flow-item:hover{transform:translateY(-1px);border-color:#21808d6b;box-shadow:0 16px 34px -28px #131a2359}.invoice-flow-item-card{box-shadow:0 14px 28px -24px #131a235c}.invoice-flow-progress-chip{background:color-mix(in srgb,var(--app-surface-strong) 95%,transparent)!important}.invoice-flow-actions{row-gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.invoice-flow-list-grid .invoice-flow-item-card{height:100%}.invoice-flow-dropzone{background:var(--app-surface-strong);background:color-mix(in srgb,var(--app-surface-strong) 95%,transparent)}.invoice-flow-modal,.invoice-flow-preview-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.invoice-flow-modal-card,.invoice-flow-preview-card{background:var(--app-surface-heavy)}.yearly-calendar-page .app-page-header{box-shadow:var(--app-shadow-soft)}.yearly-calendar-grid table{border-color:#a5b8cd3d}.monthly-notes-page .app-page-header{box-shadow:var(--app-shadow-soft)}.monthly-notes-table .grid:first-child{position:sticky;top:0;z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-overview-page .app-page-header{box-shadow:var(--app-shadow-soft)}.project-overview-page .app-glass-card{transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease}.license-overview-page .app-page-header,.vacation-approvals-page .app-glass-card:first-child,.employee-dashboard-page .employee-dashboard-header{box-shadow:var(--app-shadow-soft)}.employee-dashboard-page .app-glass-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.employee-dashboard-page .app-glass-card:hover{transform:translateY(-1px);box-shadow:0 18px 36px -30px #131a2357;border-color:#21808d47}.timesheet-table-wrapper{box-shadow:0 20px 36px -30px #131a2357}.timesheet-table-wrapper thead{background:color-mix(in srgb,var(--app-surface-strong) 94%,transparent)}.invoice-flow-page .invoice-flow-settings{box-shadow:var(--app-shadow-soft)}.invoice-flow-page .invoice-flow-modal-card,.invoice-flow-page .invoice-flow-preview-card{box-shadow:0 28px 56px -38px #131a238a}.employee-yearly-calendar .app-glass-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.employee-yearly-calendar .app-glass-card:hover{transform:translateY(-1px);box-shadow:0 18px 34px -30px #131a2357;border-color:#21808d47}.cost-control-page .cost-control-page-header,.cost-control-detail .cost-control-detail-header{box-shadow:var(--app-shadow-soft)}.cost-control-page .cost-control-project-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.cost-control-page .cost-control-project-card:hover{border-color:#21808d4d;box-shadow:0 20px 40px -32px #131a2361}.cost-control-detail .cost-control-section,.cost-control-detail .app-glass-card{box-shadow:var(--app-shadow-soft)}.cost-control-detail .cost-control-section table thead{background:color-mix(in srgb,var(--app-surface-strong) 94%,transparent)}.cost-control-detail .cost-control-section .app-input{background:color-mix(in srgb,var(--app-surface) 96%,transparent)}.cost-control-modal .cost-control-modal-card{box-shadow:0 30px 60px -40px #131a238c}.app-unified-page{gap:clamp(.8rem,1.9vh,1.2rem)}.app-page-title{font-family:var(--font-sf-display),var(--font-sf),system-ui,sans-serif;font-size:clamp(1.62rem,2.55vw,2.42rem);font-weight:300;letter-spacing:-.018em;line-height:1.03;color:var(--app-text-main)}.app-page-subtitle{margin-top:.45rem;font-size:.75rem;line-height:1.35;color:var(--app-text-soft)}:where(.project-overview-page,.yearly-calendar-page,.submission-grid-page,.license-overview-page,.invoice-flow-page,.vacation-approvals-page,.cost-control-page,.cost-control-detail,.appearance-settings-page) .app-page-header{box-shadow:var(--app-shadow-soft)}:where(.project-overview-page,.yearly-calendar-page,.submission-grid-page,.license-overview-page,.invoice-flow-page,.vacation-approvals-page,.cost-control-page,.cost-control-detail,.appearance-settings-page) :is(.bg-white,.bg-white\/95,.bg-white\/92,.bg-white\/90,.bg-white\/85,.bg-white\/80,.bg-white\/70,.bg-white\/60,.bg-white\/56,.bg-white\/50){background-color:color-mix(in srgb,var(--app-surface-heavy) 92%,transparent)!important}:where(.project-overview-page,.yearly-calendar-page,.submission-grid-page,.license-overview-page,.invoice-flow-page,.vacation-approvals-page,.cost-control-page,.cost-control-detail,.appearance-settings-page) :is(.hover\:bg-white:hover,.hover\:bg-white\/85:hover,.hover\:bg-white\/90:hover){background-color:color-mix(in srgb,var(--app-surface-strong) 95%,transparent)!important}:where(.project-overview-page,.yearly-calendar-page,.submission-grid-page,.license-overview-page,.invoice-flow-page,.vacation-approvals-page,.cost-control-page,.cost-control-detail,.appearance-settings-page) :is(.bg-slate-50,.bg-slate-50\/95,.bg-slate-50\/90,.bg-slate-50\/80,.bg-slate-50\/70,.bg-slate-50\/65,.bg-slate-50\/60,.bg-slate-50\/50,.bg-slate-50\/45,.bg-slate-50\/40){background-color:color-mix(in srgb,var(--app-surface-strong) 95%,transparent)!important}:where(.project-overview-page,.yearly-calendar-page,.submission-grid-page,.license-overview-page,.invoice-flow-page,.vacation-approvals-page,.cost-control-page,.cost-control-detail,.appearance-settings-page) .border-white\/20{border-color:var(--app-border)!important}@media (max-width: 767px){.app-view-shell,.app-view-shell-wide{padding-inline:clamp(.65rem,3.2vw,.95rem);padding-top:.75rem;padding-bottom:.75rem}.app-unified-page{gap:.75rem}.app-page-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;border-radius:14px;padding-top:.9rem!important;padding-bottom:.9rem!important}.app-page-header>*{width:100%;min-width:0;max-width:100%}.app-page-header :is(.flex,.inline-flex){max-width:100%;justify-content:center}.app-page-header :is(input,select,textarea,button){min-height:2.5rem}.app-page-title{font-size:clamp(1.2rem,7.2vw,1.55rem);line-height:1.08;letter-spacing:-.012em}.app-page-subtitle{margin-top:.3rem;font-size:.72rem}.app-glass-card,.app-soft-card{border-radius:14px;box-shadow:0 12px 26px -24px #131a2366}.project-overview-page .app-page-header input{width:min(100%,22rem)}}@media (max-width: 639px){.project-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.55rem!important}}@media (max-width: 380px){.project-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}