@import "https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@400;500;600;700&family=Parkinsans:wght@300..800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-family:"Parkinsans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-headings:"Zilla Slab", Georgia, "Times New Roman", serif;--font-body:"Parkinsans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--bg-primary:40 38% 6%;--bg-secondary:38 40% 4%;--bg-card:42 29% 9%;--bg-card-hover:44 32% 12%;--text-primary:44 36% 93%;--text-secondary:44 19% 74%;--text-muted:42 12% 51%;--brand-primary:113 89% 54%;--brand-secondary:114 78% 32%;--accent-deep:114 78% 32%;--brand-gradient:hsl(var(--brand-primary));--brand-glow:4px 4px 0 0 hsl(var(--brand-primary) / .45);--border-glow:3px 3px 0 0 hsl(var(--brand-primary));--border-color:42 16% 20%;--success:113 80% 50%;--danger:354 90% 68%;--warning:41 75% 52%;--leaf-radius-xs:0;--leaf-radius-sm:0;--leaf-radius-md:0;--leaf-radius-lg:0;--leaf-radius-xs-inv:0;--border-radius-sm:0;--border-radius-md:0;--border-radius-lg:0;--skew:-12deg;--transition-smooth:all .3s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-secondary));color:hsl(var(--text-primary));font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:hsl(var(--bg-secondary))}::-webkit-scrollbar-thumb{background:hsl(var(--border-color))}::-webkit-scrollbar-thumb:hover{background:hsl(var(--brand-primary))}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none;line-height:1;font-size:inherit}.app-container{background-color:hsl(var(--bg-secondary));min-height:100vh;display:flex}.main-content{background-color:hsl(var(--bg-primary));border-radius:0;flex:1;height:100vh;margin-left:0;padding:1.5rem 2rem;animation:.5s cubic-bezier(.16,1,.3,1) fadeIn;overflow-y:auto;box-shadow:-10px 0 30px #00000059}h1{font-family:var(--font-headings);letter-spacing:.015em;color:hsl(var(--text-primary));margin-bottom:.5rem;font-size:2.2rem;font-weight:600}h1 span,h2 span{color:hsl(var(--brand-primary))}h2{font-family:var(--font-headings);letter-spacing:.015em;color:hsl(var(--text-primary));margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}h3{font-family:var(--font-headings);letter-spacing:.015em;color:hsl(var(--text-secondary));font-size:1.1rem;font-weight:600}.text-muted-desc{color:hsl(var(--text-secondary));margin-bottom:2rem;font-size:.95rem}.card{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));box-shadow:none;transition:var(--transition-smooth);border-radius:0;padding:1.4rem}.card:hover{border-color:hsl(var(--brand-primary) / .5);box-shadow:6px 6px 0 0 hsl(var(--brand-primary));transform:translate(-4px,-4px)}.card-static,.card-static:hover,.card.card-static:hover{box-shadow:none!important;border-color:hsl(var(--border-color))!important;transform:none!important}.crm-customer-row{cursor:pointer;transition:all .15s}.crm-customer-row:hover td{background:hsl(var(--brand-primary) / .14)!important}.crm-customer-row:hover td:first-child{border-left:4px solid hsl(var(--brand-primary))!important}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}label{font-family:var(--font-mono);color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:500}input,select,textarea{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));width:100%;color:hsl(var(--text-primary));font-family:var(--font-family);border-radius:0;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background-color .2s}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2339f222'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.75rem}input[type=date]{cursor:pointer;position:relative}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(74%)sepia(60%)saturate(900%)hue-rotate(60deg)brightness(105%)contrast(95%);cursor:pointer;opacity:.85;transition:opacity .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}input:hover,select:hover,textarea:hover{border-color:hsl(var(--brand-primary) / .5)}input:focus,select:focus,textarea:focus{border-color:hsl(var(--brand-primary));box-shadow:3px 3px 0 0 hsl(var(--brand-primary));background:hsl(var(--bg-secondary));outline:none}.leaf-select-container{width:100%;position:relative}.leaf-select-trigger{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));width:100%;color:hsl(var(--text-primary));font-family:var(--font-family);text-align:left;cursor:pointer;border-radius:0;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex}.leaf-select-trigger:hover{border-color:hsl(var(--brand-primary) / .5)}.leaf-select-trigger:focus,.leaf-select-trigger.active{border-color:hsl(var(--brand-primary));box-shadow:3px 3px 0 0 hsl(var(--brand-primary));background:hsl(var(--bg-secondary));outline:none}.select-trigger-icon{color:hsl(var(--brand-primary));font-size:1.2rem}.select-trigger-text{flex:1}.select-trigger-chevron{color:hsl(var(--text-muted));margin-left:auto;font-size:1.2rem;transition:transform .25s}.leaf-select-trigger.active .select-trigger-chevron{color:hsl(var(--brand-primary));transform:rotate(180deg)}.leaf-select-dropdown{background:hsl(var(--bg-card));border:1px solid hsl(var(--brand-primary) / .4);width:100%;box-shadow:6px 6px 0 0 hsl(var(--brand-primary) / .25);z-index:1000;border-radius:0;flex-direction:column;gap:.25rem;max-height:250px;padding:.5rem;list-style:none;display:flex;position:absolute;top:calc(100% + .35rem);left:0;overflow-y:auto}.leaf-select-option{color:hsl(var(--text-secondary));cursor:pointer;transition:var(--transition-smooth);border-radius:0;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.9rem;display:flex}.leaf-select-option:hover{background:hsl(var(--bg-card-hover));color:hsl(var(--text-primary))}.leaf-select-option.selected{background:hsl(var(--brand-primary) / .15);color:hsl(var(--brand-primary));border:1px solid hsl(var(--brand-primary) / .4);font-weight:600}.option-icon{color:hsl(var(--brand-primary));font-size:1.15rem}.option-check{color:hsl(var(--brand-primary));margin-left:auto;font-size:1.1rem}.leaf-select-no-options{text-align:center;color:hsl(var(--text-muted));padding:1rem;font-size:.85rem}.btn-stepper{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));width:2.85rem;height:2.85rem;color:hsl(var(--brand-primary));cursor:pointer;transition:var(--transition-smooth);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-stepper:hover{background:hsl(var(--bg-secondary));border-color:hsl(var(--brand-primary));box-shadow:3px 3px 0 0 hsl(var(--brand-primary))}.minus-btn:hover,.plus-btn:hover{color:hsl(var(--brand-primary))}.btn-stepper:focus{border-color:hsl(var(--brand-primary));outline:none}.recurrence-tabs{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));border-radius:0;gap:.25rem;width:100%;margin-bottom:.5rem;padding:.25rem;display:flex}.tab-btn{color:hsl(var(--text-secondary));cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:0;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.tab-btn:hover{background:hsl(var(--bg-card-hover) / .5);color:hsl(var(--text-primary))}.tab-btn.active{color:hsl(var(--bg-primary));background:hsl(var(--brand-primary))}.btn-preset{background:hsl(var(--bg-card) / .5);border:1px solid hsl(var(--border-color));color:hsl(var(--text-secondary));font-family:var(--font-mono);cursor:pointer;transition:var(--transition-smooth);border-radius:0;padding:.35rem .75rem;font-size:.72rem;font-weight:500}.btn-preset:hover{background:hsl(var(--bg-card-hover));border-color:hsl(var(--brand-primary));color:hsl(var(--brand-primary))}.btn-preset.active{background:hsl(var(--brand-primary) / .15);border-color:hsl(var(--brand-primary));color:hsl(var(--brand-primary))}.btn-preset-danger{color:hsl(var(--danger) / .85)}.btn-preset-danger:hover{background:hsl(var(--danger) / .15)!important;border-color:hsl(var(--danger))!important;color:hsl(var(--danger))!important}.amount-presets,.date-presets{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.45rem;display:flex}.btn{font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);clip-path:polygon(.6em 0,100% 0,calc(100% - .6em) 100%,0 100%);border:none;border-radius:0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:hsl(var(--brand-primary));color:hsl(var(--bg-primary))}.btn-primary:hover{filter:brightness(1.06);transform:translate(-2px,-2px)}.btn-secondary{color:hsl(var(--text-primary));border:1px solid hsl(var(--border-color));background:0 0}.btn-secondary:hover{border-color:hsl(var(--brand-primary));color:hsl(var(--brand-primary))}.btn-danger{background:hsl(var(--danger) / .12);color:hsl(var(--danger));border:1px solid hsl(var(--danger) / .4)}.btn-danger:hover{background:hsl(var(--danger));color:hsl(var(--bg-primary))}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.table-container{border:1px solid hsl(var(--border-color));background:hsl(var(--bg-card) / .4);border-radius:0;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}th{background:hsl(var(--bg-card));font-family:var(--font-mono);color:hsl(var(--text-secondary));border-bottom:1px solid hsl(var(--border-color));text-transform:uppercase;letter-spacing:.08em;padding:.6rem 1rem;font-size:.7rem;font-weight:600}td{border-bottom:1px solid hsl(var(--border-color));color:hsl(var(--text-primary));vertical-align:middle;padding:.6rem 1rem}tr:last-child td{border-bottom:none}tr{transition:var(--transition-smooth)}tr:hover td{background:hsl(var(--bg-card) / .8)}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border-radius:0;padding:.25rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge-software{background:hsl(var(--brand-primary) / .15);color:hsl(var(--brand-primary));border:1px solid hsl(var(--brand-primary) / .35)}.badge-office{background:hsl(var(--warning) / .15);color:hsl(var(--warning));border:1px solid hsl(var(--warning) / .35)}.badge-marketing{background:hsl(var(--danger) / .15);color:hsl(var(--danger));border:1px solid hsl(var(--danger) / .35)}.badge-travel{background:hsl(var(--text-secondary) / .15);color:hsl(var(--text-secondary));border:1px solid hsl(var(--text-secondary) / .3)}.badge-food{background:hsl(var(--accent-deep) / .2);color:#66d65c;border:1px solid hsl(var(--accent-deep) / .5)}.badge-misc{background:hsl(var(--text-muted) / .15);color:hsl(var(--text-muted));border:1px solid hsl(var(--text-muted) / .3)}.login-wrapper{box-sizing:border-box;background-color:hsl(var(--bg-secondary));background-image:radial-gradient(hsl(var(--text-primary) / .06) 1px, transparent 1px);background-size:26px 26px;justify-content:center;align-items:center;width:100%;height:100dvh;min-height:100dvh;padding:1.5rem;display:flex;position:relative;overflow-y:auto}.login-card{z-index:10;background:hsl(var(--bg-card));width:100%;max-width:440px;box-shadow:8px 8px 0 0 hsl(var(--brand-primary));border:1px solid hsl(var(--border-color));box-sizing:border-box;border-radius:0;padding:2rem;position:relative}.brand-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.logo-icon{font-family:var(--font-headings);background:hsl(var(--brand-primary));width:52px;height:52px;color:hsl(var(--bg-primary));border-radius:0;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.8rem;font-weight:700;display:flex}.brand-name{font-family:var(--font-headings);letter-spacing:.015em;color:hsl(var(--text-primary));font-size:1.75rem;font-weight:600}.brand-name:before{content:"»";color:hsl(var(--brand-primary));margin-right:.3rem;font-weight:700}.brand-name span{color:hsl(var(--brand-primary))}.sidebar{background-color:hsl(var(--bg-secondary));border-right:1px solid hsl(var(--border-color));flex-direction:column;width:260px;height:100vh;padding:2rem 1.25rem;display:flex}.sidebar-logo{align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:.5rem;display:flex}.sidebar-logo-box{align-items:center;height:22px;display:inline-flex;overflow:hidden}.sidebar-logo-img{width:auto;height:58px;display:block}.sidebar-logo-icon{font-family:var(--font-headings);background:hsl(var(--brand-primary));width:32px;height:32px;color:hsl(var(--bg-primary));border-radius:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.sidebar-logo-text{font-family:var(--font-headings);letter-spacing:.015em;color:hsl(var(--text-primary));font-size:1.25rem;font-weight:600}.sidebar-logo-text:before{content:"»";color:hsl(var(--brand-primary));margin-right:.25rem;font-weight:700}.sidebar-logo-text span{color:hsl(var(--brand-primary))}.spin{animation:1.5s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-nav{flex-direction:column;flex:1;gap:.35rem;display:flex}.nav-item{color:hsl(var(--text-secondary));cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:0;align-items:center;gap:.85rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:hsl(var(--bg-card) / .5);color:hsl(var(--text-primary))}.nav-item.active{background:hsl(var(--bg-card));color:hsl(var(--text-primary));border-color:hsl(var(--border-color))}.nav-item.active:after{content:"";background:hsl(var(--brand-primary));width:1.4rem;height:2px;transform:skewX(var(--skew));position:absolute;bottom:.45rem;left:1rem}.sidebar-profile{border-top:1px solid hsl(var(--border-color));align-items:center;gap:.75rem;margin-top:auto;padding:1rem .5rem .25rem;display:flex}.profile-avatar{font-family:var(--font-headings);background:hsl(var(--brand-primary));width:36px;height:36px;color:hsl(var(--bg-primary));border-radius:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.profile-info{flex-direction:column;max-width:140px;display:flex}.profile-name{font-family:var(--font-headings);color:hsl(var(--text-primary));white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.profile-role{font-family:var(--font-mono);color:hsl(var(--text-muted));font-size:.72rem}.logout-btn{color:hsl(var(--text-muted));cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;margin-left:auto;padding:.25rem}.logout-btn:hover{color:hsl(var(--danger))}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.kpi-card{flex-direction:column;gap:.4rem;display:flex}.dashboard-grid .kpi-card{padding:1.1rem 1.25rem}.kpi-label{font-family:var(--font-mono);color:hsl(var(--text-secondary));text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600}.kpi-value{font-family:var(--font-headings);color:hsl(var(--text-primary));font-size:1.6rem;font-weight:600}.kpi-trend{align-items:center;gap:.25rem;font-size:.8rem;display:flex}.trend-positive{color:hsl(var(--success))}.trend-neutral{color:hsl(var(--text-muted))}.dashboard-sections{grid-template-columns:2fr 1fr;gap:1.25rem;display:grid}@media (width<=1024px){.dashboard-sections{grid-template-columns:1fr}}.donut-container{flex-direction:column;gap:1rem;display:flex}.category-bar-row{flex-direction:column;gap:.35rem;display:flex}.category-bar-label{justify-content:space-between;font-size:.85rem;display:flex}.category-bar-outer{background:hsl(var(--bg-secondary));border-radius:0;height:8px;overflow:hidden}.category-bar-inner{border-radius:0;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.expense-header-actions{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.expense-workspace{grid-template-columns:1fr 3fr;gap:2rem;display:grid}@media (width<=1024px){.expense-workspace{grid-template-columns:1fr;gap:1.25rem}}.expense-form-card{height:fit-content}.balances-summary-card{background:hsl(var(--bg-card) / .3);margin-top:1.5rem}.balances-list{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.balance-item{background:hsl(var(--bg-secondary) / .5);border:1px solid hsl(var(--border-color));border-radius:0;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-size:.9rem;display:flex}.balance-user{font-weight:500}.balance-amount{font-family:var(--font-headings);font-weight:600}.balance-positive{color:hsl(var(--success))}.balance-negative{color:hsl(var(--danger))}.balance-neutral{color:hsl(var(--text-muted))}.split-instructions{border-top:1px dashed hsl(var(--border-color));color:hsl(var(--text-secondary));flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;font-size:.85rem;display:flex}.split-instruction-item{align-items:center;gap:.5rem;display:flex}.split-instruction-arrow{color:hsl(var(--brand-primary))}.filter-bar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.search-input-wrapper{flex:1;min-width:200px;position:relative}.filter-select{width:auto;min-width:140px}.expense-row-actions{gap:.5rem;display:flex}.action-icon-btn{cursor:pointer;color:hsl(var(--text-muted));transition:var(--transition-smooth);background:0 0;border:none;border-radius:0;padding:.35rem}.action-icon-btn:hover{background:hsl(var(--bg-secondary))}.action-icon-btn.edit-btn:hover{color:hsl(var(--brand-primary))}.action-icon-btn.delete-btn:hover{color:hsl(var(--danger))}.status-badge-btn{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:var(--transition-smooth);border:1px solid;border-radius:0;padding:.22rem .6rem;font-size:.68rem;font-weight:700}.status-badge-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.status-badge-btn:active{transform:translateY(0)}.invoice-tabs{border-bottom:1px solid hsl(var(--border-color));gap:.5rem;margin-bottom:1.25rem;display:flex}.invoice-tab{color:hsl(var(--text-secondary));font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.6rem 1rem;font-size:.92rem;font-weight:600;display:inline-flex}.invoice-tab:hover{color:hsl(var(--text-primary))}.invoice-tab.active{color:hsl(var(--brand-primary));border-bottom-color:hsl(var(--brand-primary))}.invoice-tab-badge{background:hsl(var(--danger));color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;padding:0 .3rem;font-size:.65rem;font-weight:700;display:inline-flex}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));align-items:start;gap:1.25rem;display:grid}.settings-card{height:fit-content;padding:1.25rem}.settings-card h2{margin-bottom:1rem;font-size:1.25rem}.settings-2col{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=480px){.settings-2col{grid-template-columns:1fr}}.team-list-settings{flex-direction:column;gap:.5rem;max-height:170px;margin-top:1rem;display:flex;overflow-y:auto}.team-member-chip{background:hsl(var(--bg-secondary) / .5);border:1px solid hsl(var(--border-color));border-radius:0;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.9rem;display:flex}.team-member-name{font-weight:500}.add-member-form{gap:.5rem;margin-top:1rem;display:flex}.add-member-input{flex:1}.data-export-buttons{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.danger-zone-card{border-color:hsl(var(--danger) / .4)!important}.danger-zone-card:hover{border-color:hsl(var(--danger))!important;box-shadow:6px 6px 0 0 hsl(var(--danger))!important}.danger-zone-description{color:hsl(var(--text-secondary));margin-bottom:1.25rem;font-size:.85rem}.alert{border-left:3px solid #0000;border-radius:0;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.alert-danger{background:hsl(var(--danger) / .1);color:hsl(var(--danger));border:1px solid hsl(var(--danger) / .25);border-left:3px solid hsl(var(--danger))}.alert-success{background:hsl(var(--success) / .1);color:hsl(var(--success));border:1px solid hsl(var(--success) / .25);border-left:3px solid hsl(var(--success))}.modal-overlay,.modal-backdrop{-webkit-backdrop-filter:blur(5px);z-index:9999;background:#000000d1;justify-content:center;align-items:flex-start;padding:2rem 1.25rem;animation:.2s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-container,.modal-card{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));box-shadow:0 16px 36px #0000008c, 0 0 0 1px hsl(var(--brand-primary) / .3);border-radius:0;flex-direction:column;width:100%;max-width:650px;max-height:calc(100vh - 4rem);margin:auto 0;animation:.2s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:relative;overflow:hidden}.modal-header{background:hsl(var(--bg-card));border-bottom:1px solid hsl(var(--border-color));flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.4rem;display:flex}.modal-header h2,.modal-header h3{color:hsl(var(--text-primary));margin:0;font-size:1.25rem;font-weight:600}.modal-close-btn{color:hsl(var(--text-secondary));cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:.3rem;display:inline-flex}.modal-close-btn:hover{background:hsl(var(--bg-card-hover));color:hsl(var(--brand-primary))}.modal-body{flex:1;padding:1.4rem;overflow-y:auto}.modal-footer{background:hsl(var(--bg-card));border-top:1px solid hsl(var(--border-color));flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;padding:.85rem 1.4rem;display:flex}.invoice-workspace{grid-template-columns:2fr 3fr;align-items:start;gap:2rem;display:grid}@media (width<=1024px){.invoice-workspace{grid-template-columns:1fr;gap:1.25rem}}.invoice-form-card{height:fit-content;max-height:calc(100vh - 220px);overflow-y:auto}.invoice-form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=480px){.invoice-form-row{grid-template-columns:1fr}}.invoice-preview-scroll{background:hsl(var(--bg-secondary) / .5);border:1px solid hsl(var(--border-color));justify-content:center;max-height:calc(100vh - 220px);padding:1.5rem;display:flex;overflow:auto}.invoice-sheet{color:#1f2430;box-sizing:border-box;width:210mm;max-width:100%;min-height:297mm;font-family:var(--font-body);-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;flex-direction:column;padding:0;font-size:11pt;line-height:1.45;display:flex;position:relative;box-shadow:0 0 0 1px #0000000f,8px 8px 24px #00000059}.invoice-sheet table{border-collapse:collapse;width:auto;font-size:inherit}.invoice-sheet th,.invoice-sheet td{color:inherit;vertical-align:top;background:0 0;border:none;font-family:inherit}.invoice-sheet tr:hover td{background:0 0}.invoice-sheet .inv-arrow-watermark{opacity:.05;pointer-events:none;z-index:0;width:210px;height:auto;position:absolute;top:4mm;right:6mm;transform:rotate(-6deg)}.invoice-sheet .inv-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:16px;padding:14mm 16mm 6mm;display:flex;position:relative}.invoice-sheet .inv-logo-box{align-items:center;height:9mm;margin-left:-3mm;display:inline-flex;overflow:hidden}.invoice-sheet .inv-logo{width:auto;height:23mm;display:block}.invoice-sheet .inv-top-right{text-align:right}.invoice-sheet .inv-doctype{font-family:var(--font-headings);letter-spacing:.06em;color:#1f2430;font-size:24pt;font-weight:700;line-height:1;display:inline-block;position:relative}.invoice-sheet .inv-doctype:after{content:"";background:#259117;height:6px;position:absolute;bottom:-7px;left:0;right:-6px;transform:skew(-22deg)}.invoice-sheet .inv-docno{color:#6b7280;margin-top:12px;font-size:9.5pt}.invoice-sheet .inv-slash{z-index:1;clip-path:polygon(0 0,100% 0,100% 100%,0 42%);background:#259117;height:16px;margin-bottom:5mm;position:relative}.invoice-sheet .inv-body{z-index:1;flex-direction:column;flex:1;padding:6mm 16mm 8mm;display:flex;position:relative}.invoice-sheet .inv-sender-inline{color:#6b7280;border-bottom:1px solid #e6e8ec;margin-bottom:32px;padding-bottom:9px;font-size:8pt}.invoice-sheet .inv-meta-row{justify-content:space-between;align-items:flex-start;gap:42px;margin-bottom:54px;display:flex}.invoice-sheet .inv-billto{border-left:3px solid #259117;flex:auto;min-width:0;padding:2px 0 4px 14px}.invoice-sheet .inv-billto .inv-recipient-name{margin-top:5px;font-size:13.5pt}.invoice-sheet .inv-billto .inv-recipient-addr{margin-top:1px;font-size:10.5pt;line-height:1.55}.invoice-sheet .inv-meta-table{flex:none;align-self:flex-start}.invoice-sheet .inv-label{text-transform:uppercase;letter-spacing:.06em;color:#8a92a3;font-size:8pt;font-weight:600}.invoice-sheet .inv-recipient-name{color:#1f2430;margin-top:3px;font-size:11.5pt;font-weight:700}.invoice-sheet .inv-recipient-addr{color:#3c4252;font-size:10pt}.invoice-sheet .inv-meta-table{table-layout:auto;width:auto}.invoice-sheet .inv-meta-table td{text-align:right;vertical-align:top;color:#1f2430;white-space:nowrap;padding:2px 0 2px 16px;font-size:9.5pt}.invoice-sheet .inv-meta-table td.inv-label{text-align:left;padding-left:0;padding-right:14px}.invoice-sheet .inv-status-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:2px;padding:2px 9px;font-size:8pt;font-weight:700;display:inline-block}.invoice-sheet .inv-status-pill.paid{color:#167a0e;background:#e3f6e0;border:1px solid #9bd692}.invoice-sheet .inv-status-pill.open{color:#9a6a00;background:#fdf3df;border:1px solid #e7c878}.invoice-sheet .inv-status-pill.cancelled{color:#8a6060;background:#f3f4f6;border:1px solid #d8c2c2;text-decoration:line-through}.invoice-sheet table.inv-items{border-collapse:collapse;width:100%;margin-bottom:18px}.invoice-sheet table.inv-items th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.04em;background:#259117;padding:8px 9px;font-size:8.5pt}.invoice-sheet table.inv-items td{vertical-align:top;color:#1f2430;border-bottom:1px solid #e6e8ec;padding:8px 9px;font-size:10pt}.invoice-sheet table.inv-items tbody tr:nth-child(2n) td{background:#f6faf4}.invoice-sheet .inv-totals-wrap{justify-content:flex-end;display:flex}.invoice-sheet .inv-totals{min-width:270px}.invoice-sheet .inv-totline{color:#1f2430;justify-content:space-between;gap:24px;padding:4px 12px;font-size:10pt;display:flex}.invoice-sheet .inv-totline span:last-child{font-weight:600}.invoice-sheet .inv-grand{z-index:0;color:#fff;justify-content:space-between;gap:24px;margin-top:7px;padding:9px 14px;font-size:13pt;font-weight:700;display:flex;position:relative}.invoice-sheet .inv-grand:before{content:"";z-index:-1;background:#259117;position:absolute;inset:0;transform:skew(-9deg)}.invoice-sheet .inv-pay{color:#3c4252;margin-top:auto;padding-top:26px;font-size:9.5pt}.invoice-sheet .inv-pay p{margin:0 0 6px}.invoice-sheet .inv-foot{z-index:1;background:#f6f8f5;margin-top:auto;padding:8mm 16mm 10mm;position:relative}.invoice-sheet .inv-foot:before{content:"";clip-path:polygon(0 0,100% 55%,100% 100%,0 100%);background:#259117;height:12px;position:absolute;top:-11px;left:0;right:0}.invoice-sheet .inv-foot-cols{color:#5a6172;grid-template-columns:repeat(3,1fr);gap:18px;font-size:8.5pt;line-height:1.5;display:grid}.invoice-sheet .inv-foot-col>div{word-break:break-word}.invoice-sheet .inv-foot-head{text-transform:uppercase;letter-spacing:.06em;color:#259117;margin-bottom:4px;font-size:7.5pt;font-weight:700}.invoice-sheet .inv-foot-legal{color:#8a92a3;border-top:1px solid #e1e6dd;margin-top:10px;padding-top:8px;font-size:7.5pt;line-height:1.45}.datepicker{width:100%;position:relative}.datepicker-trigger{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));width:100%;color:hsl(var(--text-primary));font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);text-align:left;border-radius:0;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.95rem;display:flex}.datepicker-trigger:hover{border-color:hsl(var(--brand-primary) / .5)}.datepicker-trigger.active{border-color:hsl(var(--brand-primary));box-shadow:3px 3px 0 0 hsl(var(--brand-primary))}.datepicker-trigger.is-placeholder .datepicker-text{color:hsl(var(--text-muted))}.datepicker-icon{color:hsl(var(--brand-primary));font-size:1.2rem}.datepicker-text{flex:1}.datepicker-chevron{color:hsl(var(--text-muted));margin-left:auto;font-size:1.2rem}.datepicker-popover{z-index:1000;background:hsl(var(--bg-card));border:1px solid hsl(var(--brand-primary) / .4);width:300px;max-width:90vw;box-shadow:6px 6px 0 0 hsl(var(--brand-primary) / .25);padding:.85rem;position:absolute;top:calc(100% + .4rem);left:0}.datepicker-popover-fixed{z-index:4000;position:fixed;top:auto;left:auto}.datepicker-monthlabel{font-family:var(--font-headings);color:hsl(var(--text-primary));font-size:1rem;font-weight:600}.datepicker-nav{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));width:2rem;height:2rem;color:hsl(var(--brand-primary));cursor:pointer;transition:var(--transition-smooth);justify-content:center;align-items:center;display:inline-flex}.datepicker-nav:hover{border-color:hsl(var(--brand-primary));box-shadow:2px 2px 0 0 hsl(var(--brand-primary))}.datepicker-weekdays,.datepicker-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datepicker-weekday{text-align:center;font-family:var(--font-mono);text-transform:uppercase;color:hsl(var(--text-muted));padding:.25rem 0;font-size:.65rem}.datepicker-day{aspect-ratio:1;color:hsl(var(--text-secondary));font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:.85rem;display:flex}.datepicker-day.empty{cursor:default}.datepicker-day:not(.empty):hover{background:hsl(var(--bg-card-hover));color:hsl(var(--text-primary));border-color:hsl(var(--brand-primary) / .4)}.datepicker-day.today{border-color:hsl(var(--brand-primary) / .6);color:hsl(var(--brand-primary));font-weight:600}.datepicker-day.selected{background:hsl(var(--brand-primary));color:hsl(var(--bg-primary));border-color:hsl(var(--brand-primary));font-weight:700}.datepicker-actions{border-top:1px solid hsl(var(--border-color));justify-content:space-between;gap:.5rem;margin-top:.75rem;padding-top:.65rem;display:flex}.datepicker-quick{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));color:hsl(var(--brand-primary));font-family:var(--font-mono);cursor:pointer;transition:var(--transition-smooth);flex:1;padding:.4rem .6rem;font-size:.75rem}.datepicker-quick:hover{border-color:hsl(var(--brand-primary));box-shadow:2px 2px 0 0 hsl(var(--brand-primary))}.datepicker-quick.clear{color:hsl(var(--danger))}.datepicker-quick.clear:hover{border-color:hsl(var(--danger));box-shadow:2px 2px 0 0 hsl(var(--danger))}.print-only{visibility:hidden;width:210mm;position:absolute;top:0;left:-9999px}.offer-intro-box{background:#f8fafc;border:1px solid #f1f5f9;border-left:3.5px solid #16a34a;border-radius:0 6px 6px 0;margin:14px 0;padding:10px 14px}.offer-intro-title{color:#15803d;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:.8rem;font-weight:700}.offer-intro-content{color:#334155;font-size:.84rem;line-height:1.45}.offer-scope-section{margin:14px 0 16px}.offer-scope-title{color:#0f172a;border-bottom:1px solid #e2e8f0;margin-bottom:8px;padding-bottom:4px;font-size:.85rem;font-weight:700}.offer-scope-list{flex-direction:column;gap:6px;display:flex}.offer-scope-item{color:#334155;align-items:flex-start;gap:8px;font-size:.83rem;line-height:1.4;display:flex}.offer-scope-bullet{color:#16a34a;margin-top:2px;font-size:.72rem;line-height:1.2}.offer-conditions{color:#475569;border-top:1px dashed #cbd5e1;margin-top:14px;padding-top:10px;font-size:.82rem}.offer-notes-formatted{margin-top:8px}.offer-notes-heading{color:#15803d;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #e2e8f0;margin-top:10px;margin-bottom:3px;padding-bottom:2px;font-size:.82rem;font-weight:700}.offer-notes-bullet{color:#334155;align-items:flex-start;gap:6px;margin-bottom:2px;padding-left:2px;font-size:.78rem;line-height:1.4;display:flex}.offer-notes-dot{color:#16a34a;margin-top:1px;font-size:.6rem;line-height:1.4}.offer-notes-text{color:#475569;margin-bottom:3px;font-size:.78rem;line-height:1.4}.offer-option-page-content{flex-direction:column;display:flex}.offer-option-header-card{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border:1.5px solid #bbf7d0;border-radius:8px;margin-bottom:12px;padding:12px 16px}.offer-option-badge-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.offer-option-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#16a34a;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:800}.offer-option-sub-badge{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:600}.offer-option-period-pill{color:#475569;background:#f1f5f9;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:.72rem;font-weight:600}.offer-option-title{color:#0f172a;margin:0 0 4px;font-size:1.12rem;font-weight:700}.offer-option-desc{color:#475569;margin:0;font-size:.8rem;line-height:1.45}.offer-option-highlights-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px;padding:10px 14px}.offer-option-section-subtitle{color:#16a34a;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.75rem;font-weight:700}.offer-option-highlights-list{flex-direction:column;gap:4px;display:flex}.offer-option-highlight-item{color:#334155;align-items:flex-start;gap:8px;font-size:.78rem;line-height:1.4;display:flex}.offer-option-check{color:#16a34a;font-size:.82rem;font-weight:800;line-height:1.3}.offer-option-table-section{margin-bottom:6px}.offer-option-table{width:100%;margin-top:4px}.offer-option-subsequent-note{color:#64748b;text-align:right;margin-top:4px;font-size:.74rem;font-style:italic}.offer-option-terms-box{background:#fafaf9;border-left:3px solid #16a34a;border-radius:0 4px 4px 0;margin-top:12px;padding:8px 12px}.offer-option-terms-title{color:#1e293b;margin-bottom:2px;font-size:.76rem;font-weight:700}.offer-option-terms-text{color:#475569;font-size:.76rem;line-height:1.4}.offer-general-terms-section{margin-bottom:10px}.offer-acceptance-container{margin-top:8px;margin-bottom:8px}.offer-acceptance-card{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;padding:10px 14px}.offer-acceptance-badge{color:#0f172a;letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;font-size:.78rem;font-weight:800}.offer-acceptance-intro{color:#475569;margin:0 0 8px;font-size:.75rem;line-height:1.4}.offer-selection-list{flex-direction:column;gap:6px;display:flex}.offer-selection-item{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;align-items:center;gap:10px;padding:7px 12px;transition:all .15s;display:flex}.offer-selection-item:hover{background:#f0fdf4;border-color:#86efac}.offer-selection-item.selected{background:#f0fdf4;border-color:#16a34a;box-shadow:0 0 0 1px #16a34a}.offer-selection-checkbox{color:#16a34a;background:#fff;border:1.5px solid #94a3b8;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.8rem;font-weight:700;display:flex}.offer-selection-item.selected .offer-selection-checkbox{color:#fff;background:#16a34a;border-color:#16a34a}.offer-selection-info{flex:1}.offer-selection-title-row{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.offer-selection-name{color:#0f172a;font-weight:700}.offer-selection-price{color:#15803d;white-space:nowrap;margin-left:8px;font-size:.82rem;font-weight:700}.offer-selection-tax-hint{color:#64748b;font-size:.68rem;font-weight:400}.offer-selection-desc-row{color:#64748b;align-items:center;gap:6px;margin-top:1px;font-size:.72rem;display:flex}.offer-selection-badge-small{color:#15803d;background:#dcfce7;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:.65rem;font-weight:700}.offer-selection-sub{white-space:nowrap;text-overflow:ellipsis;max-width:420px;overflow:hidden}.offer-signature-area{page-break-inside:avoid;break-inside:avoid;margin-top:auto;padding:1rem 0 .5rem}.offer-signature-container{justify-content:center;align-items:flex-end;gap:48px;max-width:520px;margin:0 auto;display:flex}.offer-signature-box{flex:1;max-width:230px}.offer-signature-line{border-bottom:1.5px solid #94a3b8;height:2.8rem;margin-bottom:.5rem}.offer-signature-label{color:#64748b;font-size:.78rem;line-height:1.4}.invoice-sheet,.invoice-sheet *,.offer-sheet,.offer-sheet *{-webkit-user-select:text!important;user-select:text!important}.invoice-sheet .inv-arrow-watermark{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}tr.clickable-row{cursor:pointer;transition:background-color .15s}tr.clickable-row:hover td{background-color:hsl(var(--bg-card-hover))!important}.preview-modal-card{animation:.22s cubic-bezier(.16,1,.3,1) forwards modalScaleIn}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.pdf-pages-wrapper{flex-direction:column;align-items:center;gap:28px;width:100%;padding:8px 0 28px;display:flex}.invoice-sheet.a4-page{box-sizing:border-box;background:#fff;border-radius:2px;flex-direction:column;justify-content:space-between;width:210mm;height:297mm;min-height:297mm;max-height:297mm;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001f,0 0 0 1px #0000000d}.measure-probe{visibility:hidden!important;pointer-events:none!important;z-index:-9999!important;position:absolute!important;top:0!important;left:-9999px!important}@media print{html,body{background:#fff!important;margin:0!important;padding:0!important}.no-print,.sidebar,.alert,.modal-backdrop,.measure-probe{display:none!important}.print-only{visibility:visible!important;width:auto!important;display:block!important;position:static!important;left:auto!important}.inv-arrow-watermark{display:none!important}.app-container,.invoice-workspace,.invoice-preview-scroll{display:block!important}.main-content{height:auto!important;box-shadow:none!important;margin:0!important;padding:0!important;overflow:visible!important}.invoice-preview-scroll{background:0 0!important;border:none!important;max-height:none!important;padding:0!important;overflow:visible!important}.pdf-pages-wrapper,#invoice-print-area,#offer-print-area{width:210mm!important;margin:0!important;padding:0!important;display:block!important}.invoice-sheet.a4-page{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-sizing:border-box!important;width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;box-shadow:none!important;page-break-after:always!important;break-after:page!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:space-between!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.invoice-sheet.a4-page:last-child{page-break-after:auto!important;break-after:auto!important}#invoice-print-area.invoice-sheet,#offer-print-area.invoice-sheet,.invoice-sheet:not(.a4-page){-webkit-print-color-adjust:exact;print-color-adjust:exact;width:210mm!important;max-width:none!important;min-height:297mm!important;box-shadow:none!important;margin:0!important;padding:0!important;display:block!important}.invoice-sheet>table{border-collapse:collapse!important;width:100%!important;display:table!important}.invoice-sheet thead{display:table-header-group!important}.invoice-sheet tfoot{display:table-footer-group!important}.invoice-sheet tbody{display:table-row-group!important}.invoice-sheet .inv-body{display:block!important}.invoice-sheet thead .inv-top,.invoice-sheet thead .inv-slash,.invoice-sheet tfoot .inv-foot,.invoice-sheet table.inv-items tr,.invoice-sheet .offer-scope-item,.invoice-sheet .offer-intro-box,.invoice-sheet .inv-meta-row,.invoice-sheet .inv-totals-wrap,.invoice-sheet .inv-pay,.invoice-sheet .offer-conditions,.invoice-sheet .offer-signature-area{page-break-inside:avoid!important;break-inside:avoid!important}.inv-doctype:after,.inv-grand:before{transform:none!important}.inv-slash,.inv-foot:before{clip-path:none!important}.invoice-sheet,.invoice-sheet *,.offer-sheet,.offer-sheet *{-webkit-user-select:text!important;user-select:text!important;text-shadow:none!important;filter:none!important}.invoice-sheet.measure-probe,.pdf-pages-wrapper .measure-probe{height:0!important;min-height:0!important;display:none!important}@page{size:A4;margin:0!important}}.calendar-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#000000d1;justify-content:center;align-items:flex-start;padding:2rem 1.25rem;display:flex;position:fixed;inset:0;overflow-y:auto}.calendar-modal-card{background:hsl(var(--bg-primary));border:1px solid hsl(var(--border-color));width:100%;max-width:920px;max-height:calc(100vh - 4rem);box-shadow:var(--brand-glow);flex-direction:column;margin:auto 0;display:flex;overflow:hidden}.calendar-modal-header{border-bottom:1px solid hsl(var(--border-color));background:hsl(var(--bg-card));flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.calendar-modal-body{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.calendar-modal-grid{grid-template-columns:1.15fr 1fr;gap:1.5rem;display:grid}@media (width<=820px){.calendar-modal-grid{grid-template-columns:1fr;gap:1rem}.calendar-modal-card{max-height:calc(100vh - 1.5rem)}}.calendar-modal-footer{border-top:1px solid hsl(var(--border-color));background:hsl(var(--bg-card));flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.5rem;display:flex}.calendar-week-scroll{min-height:480px;max-height:calc(100vh - 260px);position:relative;overflow-y:auto}@media (width<=1024px){.calendar-week-grid{min-width:760px}}.calendar-timeslider-line{background:hsl(var(--brand-primary) / .45);height:1.5px;box-shadow:0 0 6px hsl(var(--brand-primary) / .35);pointer-events:none;z-index:25;transition:top 40ms ease-out;position:absolute;left:64px;right:0}.calendar-timeslider-column-highlight{background:hsl(var(--brand-primary));height:2.5px;box-shadow:0 0 12px hsl(var(--brand-primary)), 0 0 4px hsl(var(--brand-primary));position:absolute;top:-.5px}.calendar-timeslider-badge{background:hsl(var(--brand-primary));color:#000;width:58px;font-family:var(--font-mono);text-align:center;box-shadow:0 0 12px hsl(var(--brand-primary) / .85);pointer-events:none;z-index:30;letter-spacing:.04em;border-radius:2px;padding:2px 4px;font-size:.72rem;font-weight:700;transition:top 40ms ease-out;position:absolute;left:3px;transform:translateY(-50%)}.calendar-timeslider-pill{background:hsl(var(--bg-card));border:1px solid hsl(var(--brand-primary));color:hsl(var(--brand-primary));box-shadow:0 4px 14px #000000bf, 0 0 12px hsl(var(--brand-primary) / .35);font-size:.72rem;font-family:var(--font-mono);pointer-events:none;z-index:35;white-space:nowrap;border-radius:14px;align-items:center;gap:5px;padding:3px 9px;font-weight:600;transition:top 40ms ease-out;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.calendar-timeslider-ghost{background:hsl(var(--brand-primary) / .08);border:1.5px dashed hsl(var(--brand-primary) / .65);border-left:3px solid hsl(var(--brand-primary));pointer-events:none;z-index:1;color:hsl(var(--brand-primary));box-shadow:0 0 16px hsl(var(--brand-primary) / .12) inset;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.72rem;font-weight:600;transition:top 40ms ease-out;display:flex;position:absolute}.calendar-now-line{pointer-events:none;z-index:22;background:#ef4444;height:2px;position:absolute;box-shadow:0 0 8px #ef4444bf}.calendar-now-dot{background:#ef4444;border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-5px;box-shadow:0 0 8px #ef4444}.calendar-now-badge{color:#fff;width:60px;font-family:var(--font-mono);text-align:center;pointer-events:none;z-index:23;background:#ef4444;border-radius:2px;padding:1px 3px;font-size:.68rem;font-weight:700;position:absolute;left:2px;transform:translateY(-50%);box-shadow:0 0 8px #ef4444b3}.mobile-status-bar-barrier,.mobile-header,.mobile-bottom-nav,.sidebar-backdrop,.sidebar-mobile-close{display:none}@media (width<=900px){html,body{width:100%!important;max-width:100vw!important;padding-top:0!important;padding-bottom:0!important;overflow-x:hidden!important}.app-container{background-color:hsl(var(--bg-primary));flex-direction:column;min-height:100vh;width:100%!important;min-width:0!important;max-width:100vw!important;overflow-x:hidden!important}.mobile-status-bar-barrier{box-shadow:0 2px 10px #0009;width:100vw!important;height:max(env(safe-area-inset-top,0px), 50px)!important;z-index:99999!important;pointer-events:none!important;background-color:#0d1117!important;display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.mobile-header{padding-top:max(env(safe-area-inset-top,0px), 50px)!important;height:calc(56px + max(env(safe-area-inset-top,0px), 50px))!important;border-bottom:1px solid hsl(var(--border-color))!important;z-index:1000!important;box-sizing:border-box!important;background-color:#0d1117!important;grid-template-columns:48px 1fr 48px!important;align-items:center!important;width:100%!important;max-width:100vw!important;padding-left:.75rem!important;padding-right:.75rem!important;display:grid!important;position:relative!important;box-shadow:0 4px 16px #00000080!important}.update-notification-banner+.mobile-header{height:56px!important;padding-top:.25rem!important}.mobile-header-btn{color:hsl(var(--text-primary));cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mobile-header-btn:active{background:hsl(var(--bg-card))}.mobile-header-center{text-align:center;justify-content:center;align-items:center;gap:.45rem;width:100%;display:flex;overflow:hidden}.mobile-header-logo-box{flex-shrink:0;justify-content:center;align-items:center;height:22px;display:inline-flex;overflow:hidden}.mobile-header-logo{width:auto;height:54px;transform:translateY(-2px)}.mobile-header-divider{color:hsl(var(--border-color));flex-shrink:0;font-size:.9rem;font-weight:300}.mobile-header-title{font-family:var(--font-headings);color:hsl(var(--brand-primary));letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.mobile-header-right{justify-content:flex-end;align-items:center;width:100%;display:flex}.mobile-header-sync{color:hsl(var(--brand-primary));font-size:1.15rem}.sidebar{width:290px;max-width:85vw;padding-top:max(env(safe-area-inset-top,0px), 32px);z-index:1100;border-right:1px solid hsl(var(--border-color));transition:transform .28s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:12px 0 40px #000000d9}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1090;background:#000000b3;animation:.2s fadeIn;display:block;position:fixed;inset:0}.sidebar-mobile-close{color:hsl(var(--text-secondary));cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;display:flex}.sidebar-mobile-close:hover{color:hsl(var(--text-primary));background:hsl(var(--bg-card))}.main-content{height:auto!important;min-height:calc(100vh - 120px)!important;padding:1rem .75rem!important;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;box-shadow:none!important;overflow:hidden visible!important}.card,.table-container,.invoice-workspace,.expense-workspace,.dashboard-sections,.settings-grid,.tasks-page-wrapper{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}.card:hover{box-shadow:none!important;transform:none!important}.filter-bar{flex-direction:column!important;align-items:stretch!important;gap:.65rem!important;width:100%!important}.search-input-wrapper,.filter-select{width:100%!important;min-width:0!important}h1{word-break:break-word;font-size:1.5rem}h2{word-break:break-word;font-size:1.25rem}.mobile-bottom-nav{height:calc(58px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background-color:hsl(var(--bg-secondary) / .95);-webkit-backdrop-filter:blur(16px);border-top:1px solid hsl(var(--border-color));z-index:90;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0006}.mobile-nav-item{color:hsl(var(--text-secondary));font-family:var(--font-headings);letter-spacing:.02em;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 0;font-size:.68rem;font-weight:500;transition:color .15s;display:flex}.mobile-nav-item span.material-symbols-rounded{font-size:1.35rem;transition:transform .15s}.mobile-nav-item.active{color:hsl(var(--brand-primary))}.mobile-nav-item.active span.material-symbols-rounded{filter:drop-shadow(0 0 8px hsl(var(--brand-primary) / .5));transform:translateY(-2px)}.calendar-header{flex-wrap:wrap;gap:.75rem}.calendar-view-tabs{scrollbar-width:none;width:100%;overflow-x:auto}.login-wrapper{height:100dvh;min-height:100dvh;padding:env(safe-area-inset-top,.75rem) 1rem env(safe-area-inset-bottom,.75rem) 1rem;justify-content:center;align-items:center;overflow:hidden}.login-card{max-width:360px;box-shadow:4px 4px 0 0 hsl(var(--brand-primary));padding:1.5rem 1.25rem}.brand-header{margin-bottom:1.25rem}.logo-icon{width:42px;height:42px;margin-bottom:.5rem;font-size:1.4rem}.brand-name{font-size:1.5rem}.form-group{margin-bottom:.85rem}.form-row,.invoice-form-row{grid-template-columns:1fr!important;gap:.65rem!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{font-size:16px!important}.btn{min-height:42px}.responsive-item-card{border:1px solid hsl(var(--border-color));background:hsl(var(--bg-card));border-radius:0;flex-direction:column;gap:.6rem;padding:.85rem;display:flex}.responsive-item-grid{grid-template-columns:1fr 1fr;align-items:end;gap:.5rem;display:grid}.responsive-item-desc{grid-column:1/-1}.mobile-preview-overlay{-webkit-backdrop-filter:blur(8px);z-index:1050;background:#000000e0;flex-direction:column;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.mobile-preview-header{border-bottom:1px solid hsl(var(--border-color));z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:sticky;top:0;padding:max(env(safe-area-inset-top,0px), 32px) 1rem .75rem 1rem!important;background:#0d1117!important}.mobile-preview-title{font-family:var(--font-mono);color:hsl(var(--brand-primary));font-size:.85rem;font-weight:700}.mobile-preview-body{background:hsl(var(--bg-primary));-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;align-items:center;padding:.75rem .5rem;display:flex;overflow:auto}.mobile-preview-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.mobile-card-list{box-sizing:border-box;flex-direction:column;gap:.65rem;width:100%;display:flex}.mobile-data-card{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));cursor:pointer;box-sizing:border-box;text-align:left;border-radius:0;flex-direction:column;gap:.45rem;width:100%;padding:.85rem 1rem;transition:background-color .15s,border-color .15s;display:flex;position:relative}.mobile-data-card:active{background:hsl(var(--bg-card-hover));border-color:hsl(var(--brand-primary) / .6)}.mobile-data-card.active-card{border-color:hsl(var(--brand-primary));background:hsl(var(--brand-primary) / .08)}.mobile-card-row-top{justify-content:space-between;align-items:center;gap:.6rem;width:100%;display:flex}.mobile-card-title-group{flex:1;align-items:center;gap:.45rem;min-width:0;display:flex;overflow:hidden}.mobile-card-id{font-family:var(--font-mono);color:hsl(var(--brand-primary));flex-shrink:0;font-size:.85rem;font-weight:700}.mobile-card-title{color:hsl(var(--text-primary));white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.mobile-card-amount{font-family:var(--font-headings);color:hsl(var(--text-primary));text-align:right;white-space:nowrap;flex-shrink:0;font-size:1.05rem;font-weight:700}.mobile-card-row-bottom{color:hsl(var(--text-muted));justify-content:space-between;align-items:center;gap:.5rem;width:100%;font-size:.8rem;display:flex}.mobile-card-meta-group{flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;display:flex}.mobile-card-actions-group{flex-shrink:0;align-items:center;gap:.35rem;margin-left:auto;display:flex}.invoice-preview-scroll{-webkit-overflow-scrolling:touch;justify-content:center;width:100%;max-width:100%;padding:.5rem 0;display:flex;overflow-x:auto}.invoice-sheet{font-size:9pt}.invoice-sheet .inv-top{padding:8mm 10mm 4mm}.invoice-sheet .inv-foot{padding:4mm 10mm 6mm}.invoice-sheet .inv-arrow-watermark{width:140px}}.tasks-page-wrapper{flex-direction:column;gap:1.25rem;max-width:1600px;margin:0 auto;padding-bottom:2rem;display:flex}.tasks-header-card{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.tasks-header-left{align-items:center;gap:1rem;display:flex}.tasks-title-badge{align-items:center;gap:.85rem;display:flex}.tasks-page-title{font-family:var(--font-headings);color:hsl(var(--text-primary));font-size:1.6rem;font-weight:700;line-height:1.15}.tasks-page-subtitle{color:hsl(var(--text-muted));margin-top:.2rem;font-size:.85rem}.tasks-header-stats{align-items:center;gap:1.25rem;display:flex}.tasks-stat-item{flex-direction:column;align-items:flex-end;display:flex}.tasks-stat-num{font-family:var(--font-mono);color:hsl(var(--text-primary));font-size:1.4rem;font-weight:700;line-height:1}.tasks-stat-label{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted));margin-top:.25rem;font-size:.7rem}.tasks-quick-capture-card{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));box-shadow:3px 3px 0 0 hsl(var(--brand-primary));transition:var(--transition-smooth);padding:.9rem 1.2rem}.tasks-quick-capture-card:focus-within{border-color:hsl(var(--brand-primary))}.quick-capture-main-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.quick-capture-icon{color:hsl(var(--brand-primary));flex-shrink:0;font-size:1.6rem}.quick-capture-input{background:hsl(var(--bg-primary));border:1px solid hsl(var(--border-color));min-width:260px;color:hsl(var(--text-primary));font-family:var(--font-family);transition:var(--transition-smooth);outline:none;flex:1;padding:.7rem 1rem;font-size:.95rem}.quick-capture-input:focus{border-color:hsl(var(--brand-primary));box-shadow:0 0 0 2px hsl(var(--brand-primary) / .2)}.quick-capture-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.quick-target-select{background:hsl(var(--bg-primary));border:1px solid hsl(var(--border-color));color:hsl(var(--text-primary));font-family:var(--font-family);cursor:pointer;outline:none;padding:.65rem .75rem;font-size:.85rem}.quick-target-select:focus{border-color:hsl(var(--brand-primary))}.btn-icon-toggle{border:1px solid hsl(var(--border-color));color:hsl(var(--text-secondary));cursor:pointer;transition:var(--transition-smooth);background:0 0;justify-content:center;align-items:center;padding:.6rem;display:inline-flex}.btn-icon-toggle:hover{border-color:hsl(var(--text-primary));color:hsl(var(--text-primary))}.btn-icon-toggle.active{border-color:hsl(var(--brand-primary));color:hsl(var(--brand-primary));background:hsl(var(--brand-primary) / .1)}.quick-submit-btn{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.35rem;padding:.65rem 1.15rem;font-weight:600;display:inline-flex}.quick-capture-advanced-row{border-top:1px solid hsl(var(--border-color) / .5);flex-direction:column;gap:.6rem;margin-top:.75rem;padding-top:.75rem;display:flex}.quick-capture-textarea{background:hsl(var(--bg-primary));border:1px solid hsl(var(--border-color));width:100%;color:hsl(var(--text-primary));font-family:var(--font-family);resize:vertical;outline:none;padding:.6rem .85rem;font-size:.88rem}.quick-capture-textarea:focus{border-color:hsl(var(--brand-primary))}.quick-assigned-select{background:hsl(var(--bg-primary));border:1px solid hsl(var(--border-color));color:hsl(var(--text-primary));font-family:var(--font-family);outline:none;padding:.4rem .6rem;font-size:.82rem}.tasks-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.tasks-search-box{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));flex:1;align-items:center;gap:.5rem;max-width:420px;padding:.45rem .75rem;display:flex}.tasks-search-box:focus-within{border-color:hsl(var(--brand-primary))}.tasks-search-icon{color:hsl(var(--text-muted));font-size:1.2rem}.tasks-search-input{color:hsl(var(--text-primary));font-family:var(--font-family);background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.tasks-search-clear{color:hsl(var(--text-muted));cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.tasks-search-clear:hover{color:hsl(var(--text-primary))}.tasks-toolbar-controls{align-items:center;gap:1rem;display:flex}.tasks-filter-label{color:hsl(var(--text-secondary));cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.tasks-mobile-tabs{scrollbar-width:none;gap:.4rem;padding-bottom:.4rem;display:none;overflow-x:auto}.tasks-mobile-tabs::-webkit-scrollbar{display:none}.tasks-mobile-tab{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));color:hsl(var(--text-secondary));font-size:.8rem;font-family:var(--font-family);white-space:nowrap;cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:.4rem;padding:.45rem .75rem;font-weight:500;display:inline-flex}.tasks-mobile-tab.active{border-color:var(--tab-color,hsl(var(--brand-primary)));color:hsl(var(--text-primary));background:hsl(var(--bg-card-hover))}.tab-pill{font-family:var(--font-mono);background:hsl(var(--border-color));color:hsl(var(--text-primary));border-radius:2px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.tasks-workspace-grid{grid-template-columns:340px 1fr;align-items:start;gap:1.25rem;display:grid}.tasks-inbox-column{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));flex-direction:column;gap:.75rem;min-height:520px;padding:1.1rem;display:flex}.tasks-column-header{justify-content:space-between;align-items:center;display:flex}.tasks-counter-badge{font-family:var(--font-mono);background:hsl(var(--bg-primary));border:1px solid hsl(var(--border-color));color:hsl(var(--text-secondary));padding:.15rem .55rem;font-size:.8rem;font-weight:700}.tasks-column-hint{color:hsl(var(--text-muted));margin-bottom:.25rem;font-size:.8rem;line-height:1.35}.tasks-matrix-container{width:100%}.tasks-matrix-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.quadrant-box{background:hsl(var(--bg-card));border:2px solid hsl(var(--border-color));flex-direction:column;min-height:280px;padding:1.1rem;transition:border-color .2s,box-shadow .2s;display:flex}.quadrant-box:hover{box-shadow:2px 2px #0006}.quadrant-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.quadrant-title{margin:0;font-size:1.05rem;font-weight:700;line-height:1.2}.quadrant-badge{font-family:var(--font-mono);padding:.15rem .55rem;font-size:.8rem;font-weight:700}.quadrant-subtitle{color:hsl(var(--text-muted));margin-bottom:.85rem;font-size:.78rem;line-height:1.3}.tasks-card-list{flex-direction:column;flex:1;gap:.6rem;display:flex}.tasks-empty-state,.tasks-empty-quadrant{text-align:center;color:hsl(var(--text-muted));border:1px dashed hsl(var(--border-color));flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:100px;padding:1.5rem 1rem;font-size:.82rem;display:flex}.task-item-card{background:hsl(var(--bg-primary));border:1px solid hsl(var(--border-color));cursor:grab;padding:.75rem .85rem;transition:transform .15s,border-color .15s}.task-item-card:hover{border-color:hsl(var(--text-muted));transform:translateY(-1px)}.task-item-card:active{cursor:grabbing}.task-item-card.is-done{opacity:.55;background:hsl(var(--bg-card-hover))}.task-card-main-row{align-items:flex-start;gap:.65rem;display:flex}.task-checkbox-label{cursor:pointer;align-items:center;margin-top:.15rem;display:flex}.task-checkbox-label input{display:none}.task-custom-checkbox{border:1.5px solid hsl(var(--border-color));width:17px;height:17px;transition:var(--transition-smooth);background:0 0;justify-content:center;align-items:center;display:inline-flex}.task-checkbox-label:hover .task-custom-checkbox{border-color:hsl(var(--brand-primary))}.task-checkbox-label input:checked+.task-custom-checkbox{background:hsl(var(--brand-primary));border-color:hsl(var(--brand-primary))}.task-checkbox-label input:checked+.task-custom-checkbox:after{content:"✓";color:#000;font-size:11px;font-weight:900}.task-content-area{flex:1;min-width:0}.task-title-text{color:hsl(var(--text-primary));word-break:break-word;font-size:.92rem;font-weight:500;line-height:1.35}.task-title-text.strike{color:hsl(var(--text-muted));text-decoration:line-through}.task-note-text{color:hsl(var(--text-secondary));white-space:pre-line;word-break:break-word;margin-top:.35rem;font-size:.8rem;line-height:1.35}.task-meta-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.45rem;display:flex}.task-assigned-pill{background:hsl(var(--bg-card-hover));border:1px solid hsl(var(--border-color));color:hsl(var(--text-secondary));align-items:center;gap:.25rem;padding:.1rem .4rem;font-size:.72rem;display:inline-flex}.task-date-text{font-family:var(--font-mono);color:hsl(var(--text-muted));font-size:.7rem}.task-actions-area{flex-shrink:0;align-items:center;gap:.15rem;display:flex;position:relative}.task-btn-action{color:hsl(var(--text-muted));cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;justify-content:center;align-items:center;padding:.3rem;display:inline-flex}.task-btn-action:hover{color:hsl(var(--text-primary))}.task-btn-action.danger:hover{color:#ef4444}.task-move-dropdown-wrapper{position:relative}.task-move-dropdown{z-index:50;background:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));flex-direction:column;min-width:200px;padding:.35rem 0;display:flex;position:absolute;top:100%;right:0;box-shadow:4px 4px #000}.dropdown-title{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted));border-bottom:1px solid hsl(var(--border-color));padding:.35rem .75rem;font-size:.7rem}.task-move-dropdown button{text-align:left;color:hsl(var(--text-primary));font-size:.82rem;font-family:var(--font-family);cursor:pointer;background:0 0;border:none;padding:.5rem .75rem;transition:background .15s}.task-move-dropdown button:hover{background:hsl(var(--bg-card-hover))}.task-edit-input{background:hsl(var(--bg-card));border:1px solid hsl(var(--brand-primary));color:hsl(var(--text-primary));font-size:.88rem;font-family:var(--font-family);outline:none;flex:1;padding:.35rem .55rem}@media (width<=1100px){.tasks-workspace-grid{grid-template-columns:300px 1fr;gap:1rem}}@media (width<=860px){.tasks-mobile-tabs{display:flex}.tasks-workspace-grid,.tasks-matrix-grid{grid-template-columns:1fr;gap:1rem}.quick-capture-main-row{flex-direction:column;align-items:stretch}.quick-capture-actions{justify-content:space-between;width:100%}.quick-target-select{flex:1}.quick-submit-btn{flex:1;justify-content:center}.tasks-header-card{flex-direction:column;align-items:flex-start;gap:.85rem}.tasks-header-stats{justify-content:space-between;width:100%}.tasks-stat-item{align-items:flex-start}.tasks-toolbar{flex-direction:column;align-items:stretch}.tasks-search-box{max-width:100%}}.calendar-event-card{-webkit-user-select:none;user-select:none}.calendar-event-card.is-resizing{opacity:.95;z-index:50!important;box-shadow:0 12px 30px #000000b3, 0 0 0 2px hsl(var(--brand-primary))!important;transition:none!important}.calendar-event-resize-handle{cursor:ns-resize;z-index:10;opacity:0;justify-content:center;align-items:center;height:9px;transition:opacity .15s,background-color .15s;display:flex;position:absolute;left:0;right:0}.calendar-event-card:hover .calendar-event-resize-handle,.calendar-event-card.is-resizing .calendar-event-resize-handle{opacity:1}.calendar-event-resize-handle.top{border-top-left-radius:2px;border-top-right-radius:2px;top:0}.calendar-event-resize-handle.bottom{border-bottom-right-radius:2px;border-bottom-left-radius:2px;bottom:0}.calendar-event-resize-handle:hover,.calendar-event-card.is-resizing .calendar-event-resize-handle{background:hsl(var(--brand-primary) / .25)}.resize-handle-bar{background:hsl(var(--brand-primary));border-radius:2px;width:26px;height:3px;box-shadow:0 1px 3px #000c}.calendar-resize-tooltip{border:1px solid hsl(var(--brand-primary));box-shadow:0 4px 14px #0009, 0 0 10px hsl(var(--brand-primary) / .3);font-size:.72rem;font-family:var(--font-mono);color:#fff;z-index:60;pointer-events:none;background:#0d1117f5;border-radius:4px;align-items:center;gap:.35rem;padding:.25rem .5rem;animation:.15s fadeIn;display:flex;position:absolute;bottom:8px;right:6px}.calendar-resize-tooltip .duration-tag{background:hsl(var(--brand-primary));color:#000;border-radius:2px;padding:.05rem .3rem;font-size:.68rem;font-weight:700}.btn-duration-adj{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-color));color:hsl(var(--text-secondary));font-size:.68rem;font-family:var(--font-mono);cursor:pointer;border-radius:4px;padding:.15rem .35rem;font-weight:600;transition:all .15s}.btn-duration-adj:hover{background:hsl(var(--brand-primary) / .15);border-color:hsl(var(--brand-primary));color:hsl(var(--brand-primary))}.app-download-card{background:linear-gradient(180deg, hsl(var(--bg-card)) 0%, hsl(var(--bg-secondary) / .6) 100%);border:1px solid hsl(var(--brand-primary) / .25);position:relative;overflow:hidden;box-shadow:0 4px 20px #00000040}.app-download-card:before{content:"";background:linear-gradient(90deg, transparent, hsl(var(--brand-primary)), transparent);height:2px;position:absolute;top:0;left:0;right:0}.calendar-drag-create-preview{background:linear-gradient(135deg, hsl(var(--brand-primary) / .22) 0%, hsl(var(--brand-primary) / .1) 100%);border:2px solid hsl(var(--brand-primary));box-shadow:0 4px 20px #0006, 0 0 16px hsl(var(--brand-primary) / .35), inset 0 0 12px hsl(var(--brand-primary) / .15);z-index:40;pointer-events:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:column;justify-content:space-between;padding:.35rem .5rem;animation:2s ease-in-out infinite pulseSelection;display:flex;position:absolute;left:3px;right:3px;overflow:hidden}@keyframes pulseSelection{0%,to{border-color:hsl(var(--brand-primary));box-shadow:0 4px 20px #0006, 0 0 16px hsl(var(--brand-primary) / .35), inset 0 0 12px hsl(var(--brand-primary) / .15)}50%{border-color:hsl(var(--brand-primary) / .75);box-shadow:0 4px 14px #0000004d, 0 0 10px hsl(var(--brand-primary) / .2), inset 0 0 8px hsl(var(--brand-primary) / .08)}}.calendar-drag-create-header{font-family:var(--font-mono);color:#fff;text-shadow:0 1px 3px #000c;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;display:flex}.calendar-drag-create-badge{background:hsl(var(--brand-primary));color:#000;letter-spacing:.02em;border-radius:3px;padding:.1rem .35rem;font-size:.65rem;font-weight:800}.calendar-drag-create-hint{color:hsl(var(--text-primary));opacity:.9;align-items:center;gap:.25rem;font-size:.68rem;font-weight:500;display:flex}.custom-picker-container{width:100%;position:relative}.custom-picker-label{color:hsl(var(--text-muted));margin-bottom:.25rem;font-size:.72rem;font-weight:500;display:block}.custom-picker-trigger{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));border-radius:var(--border-radius,6px);width:100%;color:hsl(var(--text-primary));cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;align-items:center;gap:.5rem;padding:.55rem .75rem;transition:all .15s;display:flex}.custom-picker-trigger:hover,.custom-picker-trigger.is-active{border-color:hsl(var(--brand-primary));background:hsl(var(--bg-secondary) / .9);box-shadow:0 0 0 1px hsl(var(--brand-primary) / .35), 0 2px 8px #00000059}.custom-picker-trigger .picker-icon{color:hsl(var(--brand-primary));flex-shrink:0;font-size:1.15rem}.custom-picker-trigger .picker-value-text{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;font-weight:600;overflow:hidden}.custom-picker-trigger .picker-chevron{color:hsl(var(--text-muted));margin-left:auto;font-size:1.15rem;transition:transform .15s}.custom-time-trigger .time-display-segments{flex:1;align-items:center;gap:.2rem;display:flex}.time-segment{background:hsl(var(--bg-primary) / .75);border:1px solid hsl(var(--border-color));font-family:var(--font-mono);color:hsl(var(--brand-primary));cursor:pointer;border-radius:4px;padding:.18rem .45rem;font-size:.95rem;font-weight:700;transition:all .12s}.time-segment:hover{background:hsl(var(--brand-primary) / .2);border-color:hsl(var(--brand-primary));color:#fff;box-shadow:0 0 8px hsl(var(--brand-primary) / .3);transform:translateY(-1px)}.time-colon{font-family:var(--font-mono);color:hsl(var(--text-primary));padding:0 .05rem;font-size:.95rem;font-weight:800}.time-suffix{color:hsl(var(--text-muted));margin-left:.4rem;font-size:.75rem;font-weight:500}.custom-datepicker-popover,.custom-timepicker-popover{z-index:250;background:hsl(var(--bg-primary));border:1px solid hsl(var(--border-color));box-shadow:0 12px 36px #000000bf, 0 0 0 1px hsl(var(--brand-primary) / .25);box-sizing:border-box;border-radius:8px;padding:.85rem;animation:.15s fadeIn;position:absolute;top:calc(100% + 6px);left:0}.custom-datepicker-popover{width:285px}.custom-timepicker-popover{width:295px}.datepicker-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.datepicker-nav-btn{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));color:hsl(var(--text-primary));cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.datepicker-nav-btn:hover{background:hsl(var(--brand-primary) / .2);border-color:hsl(var(--brand-primary));color:hsl(var(--brand-primary))}.datepicker-month-title{color:hsl(var(--text-primary));font-size:.88rem;font-weight:700}.datepicker-quick-bar{justify-content:center;margin-bottom:.5rem;display:flex}.datepicker-today-btn{border:1px dashed hsl(var(--border-color));color:hsl(var(--text-secondary));cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.72rem;transition:all .15s;display:inline-flex}.datepicker-today-btn:hover{border-color:hsl(var(--brand-primary));color:hsl(var(--brand-primary));background:hsl(var(--brand-primary) / .08)}.datepicker-weekdays{text-align:center;color:hsl(var(--text-muted));grid-template-columns:repeat(7,1fr);margin-bottom:.35rem;font-size:.68rem;font-weight:700;display:grid}.datepicker-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datepicker-day-cell{aspect-ratio:1;width:100%;font-size:.78rem;font-family:var(--font-mono);color:hsl(var(--text-primary));cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;transition:all .12s;display:flex}.datepicker-day-cell:hover{background:hsl(var(--brand-primary) / .2);color:hsl(var(--brand-primary));border-color:hsl(var(--brand-primary) / .4)}.datepicker-day-cell.is-other-month{color:hsl(var(--text-muted) / .35)}.datepicker-day-cell.is-today{border-color:hsl(var(--brand-primary) / .6);font-weight:700}.datepicker-day-cell.is-selected{box-shadow:0 0 10px hsl(var(--brand-primary) / .5);background:hsl(var(--brand-primary))!important;color:#000!important;font-weight:800!important}.timepicker-stepper-row{border-bottom:1px solid hsl(var(--border-color) / .6);grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.75rem;padding-bottom:.65rem;display:grid}.stepper-col{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stepper-label{color:hsl(var(--text-muted));text-transform:uppercase;font-size:.68rem;font-weight:600}.stepper-controls{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .4rem;display:flex}.stepper-current-val{font-family:var(--font-mono);color:hsl(var(--brand-primary));text-align:center;min-width:28px;font-size:1.1rem;font-weight:800}.time-step-btn{color:hsl(var(--text-secondary));cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .12s;display:flex}.time-step-btn:hover{background:hsl(var(--brand-primary) / .2);color:hsl(var(--brand-primary))}.timepicker-selectors{grid-template-columns:3.2fr 1fr;gap:.65rem;margin-bottom:.5rem;display:grid}.time-section-title{color:hsl(var(--text-muted));text-transform:uppercase;margin-bottom:.35rem;font-size:.68rem;font-weight:700;display:block}.hour-grid{grid-template-columns:repeat(6,1fr);gap:3px;display:grid}.time-chip-btn{font-family:var(--font-mono);background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color) / .5);color:hsl(var(--text-secondary));cursor:pointer;text-align:center;border-radius:3px;padding:.28rem 0;font-size:.72rem;font-weight:600;transition:all .12s}.time-chip-btn:hover{background:hsl(var(--brand-primary) / .2);color:hsl(var(--brand-primary));border-color:hsl(var(--brand-primary))}.time-chip-btn.is-selected{background:hsl(var(--brand-primary))!important;color:#000!important;border-color:hsl(var(--brand-primary))!important;font-weight:800!important}.minute-list{flex-direction:column;gap:4px;display:flex}.minute-chip-btn{font-family:var(--font-mono);background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));color:hsl(var(--text-secondary));cursor:pointer;text-align:center;border-radius:4px;padding:.35rem .2rem;font-size:.78rem;font-weight:700;transition:all .12s}.minute-chip-btn:hover{background:hsl(var(--brand-primary) / .2);color:hsl(var(--brand-primary));border-color:hsl(var(--brand-primary))}.minute-chip-btn.is-selected{background:hsl(var(--brand-primary))!important;color:#000!important;border-color:hsl(var(--brand-primary))!important;font-weight:800!important}.timepicker-quick-chips{border-top:1px solid hsl(var(--border-color) / .6);margin-top:.4rem;padding-top:.4rem}.quick-chips-scroll{gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.quick-time-chip{font-family:var(--font-mono);background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));color:hsl(var(--text-muted));cursor:pointer;white-space:nowrap;border-radius:3px;padding:.15rem .35rem;font-size:.68rem;font-weight:600;transition:all .12s}.quick-time-chip:hover,.quick-time-chip.is-active{background:hsl(var(--brand-primary) / .15);border-color:hsl(var(--brand-primary));color:hsl(var(--brand-primary))}.update-notification-banner{background:linear-gradient(90deg, hsl(var(--bg-card)) 0%, hsl(var(--bg-secondary)) 100%);border-bottom:2px solid hsl(var(--brand-primary));box-shadow:0 4px 20px #00000080, 0 0 15px hsl(var(--brand-primary) / .15);padding:max(env(safe-area-inset-top,0px), 50px) 1.25rem .75rem 1.25rem;z-index:1000;justify-content:space-between;align-items:center;gap:1rem;animation:.25s ease-out slideDown;display:flex;position:relative}@media (width>=769px){.update-notification-banner{padding:.65rem 1.25rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.update-banner-content{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.update-banner-icon-box{background:hsl(var(--brand-primary) / .15);border:1px solid hsl(var(--brand-primary) / .4);width:36px;height:36px;color:hsl(var(--brand-primary));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.update-pulse-dot{background:hsl(var(--brand-primary));width:8px;height:8px;box-shadow:0 0 8px hsl(var(--brand-primary));border-radius:50%;animation:1.5s infinite pulseDot;position:absolute;top:-2px;right:-2px}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.update-banner-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.update-banner-title{color:hsl(var(--text-primary));align-items:center;gap:.5rem;font-size:.88rem;display:flex}.update-badge-new{background:hsl(var(--brand-primary));color:#000;letter-spacing:.03em;border-radius:3px;padding:.05rem .35rem;font-size:.65rem;font-weight:800}.update-banner-subtitle{color:hsl(var(--text-muted));white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.update-banner-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.update-action-btn{align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.update-dismiss-btn{color:hsl(var(--text-muted));cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.update-dismiss-btn:hover{background:hsl(var(--bg-secondary));color:hsl(var(--text-primary))}.pull-to-refresh-pill{top:max(env(safe-area-inset-top,0px), 50px);z-index:99990;border:1px solid hsl(var(--border-color));color:hsl(var(--text-secondary));box-shadow:0 8px 24px #000000bf, 0 0 1px hsl(var(--border-color));pointer-events:none;white-space:nowrap;background:#141109;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem 1rem;font-size:.82rem;font-weight:600;transition:border-color .2s,color .2s,box-shadow .2s;display:inline-flex;position:fixed;left:50%;transform:translate(-50%)}.pull-to-refresh-icon{color:hsl(var(--text-muted));transition:transform .1s linear,color .2s;font-size:1.15rem!important}.pull-to-refresh-pill.pulling .pull-to-refresh-icon{color:hsl(var(--brand-primary))}.pull-to-refresh-pill.ready{border-color:hsl(var(--brand-primary));color:hsl(var(--brand-primary));box-shadow:0 8px 24px #000000bf, 0 0 14px hsl(var(--brand-primary) / .35)}.pull-to-refresh-pill.ready .pull-to-refresh-icon{color:hsl(var(--brand-primary))}.pull-to-refresh-pill.refreshing{border-color:hsl(var(--brand-primary));color:hsl(var(--text-primary));box-shadow:0 8px 24px #000000bf, 0 0 12px hsl(var(--brand-primary) / .25)}.pull-to-refresh-pill.refreshing .pull-to-refresh-icon{color:hsl(var(--brand-primary))}.pull-to-refresh-pill.done{border-color:hsl(var(--brand-primary));color:hsl(var(--brand-primary));box-shadow:0 8px 24px #000000bf, 0 0 16px hsl(var(--brand-primary) / .4)}.pull-to-refresh-pill.done .pull-to-refresh-icon{color:hsl(var(--brand-primary))}@font-face{font-family:BC Zilla Slab;font-weight:600;src:url(/fonts/visitenkarte/ZillaSlab-SemiBold.ttf)format("truetype")}@font-face{font-family:BC Inter;font-weight:500;src:url(/fonts/visitenkarte/Inter-Medium.ttf)format("truetype")}@font-face{font-family:BC JetBrains Mono;font-weight:400;src:url(/fonts/visitenkarte/JetBrainsMono-Regular.ttf)format("truetype")}@font-face{font-family:BC JetBrains Mono;font-weight:500;src:url(/fonts/visitenkarte/JetBrainsMono-Medium.ttf)format("truetype")}.bc-workspace{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}@media (width<=900px){.bc-workspace{grid-template-columns:1fr}}.bc-form-card h3,.bc-preview-card h3{align-items:center;gap:.4rem;margin:0 0 1rem;font-size:1.1rem;display:flex}.bc-form-card .form-group{margin-bottom:1rem}.bc-form-hint{color:hsl(var(--text-muted));margin:-.35rem 0 0;font-size:.78rem}.bc-warning{border:1px solid hsl(var(--warning) / .5);background:hsl(var(--warning) / .08);color:hsl(var(--text-primary));align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.6rem .75rem;font-size:.82rem;line-height:1.4;display:flex}.bc-warning .material-symbols-rounded{color:hsl(var(--warning));flex-shrink:0;font-size:1.1rem}.bc-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.bc-actions .btn{align-items:center;gap:.4rem;display:inline-flex}.bc-specs{border-top:1px solid hsl(var(--border-color));grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem 1rem;margin-top:1rem;padding-top:1rem;display:grid}.bc-spec-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--text-muted));margin-bottom:.15rem;font-size:.62rem;display:block}.bc-spec-value{color:hsl(var(--text-primary));font-size:.85rem}.bc-preview-grid{flex-wrap:wrap;gap:1.25rem;display:flex}.bc-preview-side{flex-direction:column;gap:.4rem;display:flex}.bc-preview-caption{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--text-muted));font-size:.62rem}.bc-scale-box{box-shadow:4px 4px 0 0 hsl(var(--brand-primary) / .35);position:relative;overflow:hidden}.bc-card{transform-origin:0 0;background:#141109;width:85mm;height:55mm;position:absolute;top:0;left:0;overflow:hidden}.bc-page{color:#f4f1e8;font-kerning:normal;background:#141109;width:91mm;height:61mm;font-family:BC Inter,Inter,system-ui,sans-serif;position:absolute;top:-3mm;left:-3mm;overflow:hidden}.bc-page svg{display:block;overflow:visible}.bc-layer{width:91mm;height:61mm;position:absolute;top:0;left:0}.bc-abs{white-space:nowrap;margin:0;position:absolute}.bc-claim{text-align:center;letter-spacing:.015em;color:#f4f1e8;font-family:BC Zilla Slab,Zilla Slab,Georgia,serif;font-weight:600;left:0;right:0}.bc-name{letter-spacing:.015em;color:#f4f1e8;font-family:BC Zilla Slab,Zilla Slab,Georgia,serif;font-weight:600;line-height:1.15}.bc-title{text-transform:uppercase;color:#8d8675;font-family:BC JetBrains Mono,JetBrains Mono,monospace;font-weight:500}.bc-rule{background:#312e26}.bc-contacts{color:#c9c3b2;padding:0;font-weight:500;list-style:none}.bc-contacts li{white-space:nowrap}.bc-contacts .lbl{text-transform:uppercase;color:#8d8675;font-family:BC JetBrains Mono,JetBrains Mono,monospace;font-weight:400;display:inline-block}.bc-contacts .val{color:#f4f1e8}.bc-hint{text-transform:uppercase;color:#8d8675;justify-content:center;align-items:center;font-family:BC JetBrains Mono,JetBrains Mono,monospace;font-weight:400;display:flex}.bc-hint svg{flex-shrink:0}