@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--lucky-green:#2d7a3a;--lucky-green-light:#3a9c4a;--lucky-green-dark:#1e5a28;--lucky-green-glow:#2d7a3a40;--lucky-gold:#d4a93e;--lucky-gold-light:#e8c86b;--bg-primary:#0a0e14;--bg-secondary:#111820;--bg-card:#151d28;--bg-card-hover:#1a2435;--bg-elevated:#1e2a3a;--bg-input:#111820;--bg-sidebar:#0d1219;--border-primary:#ffffff0f;--border-secondary:#ffffff1a;--border-focus:var(--lucky-green);--text-primary:#f0f2f5;--text-secondary:#8b99ad;--text-tertiary:#5a6a7e;--text-inverse:#0a0e14;--status-success:#34d399;--status-success-bg:#34d3991f;--status-warning:#fbbf24;--status-warning-bg:#fbbf241f;--status-danger:#f87171;--status-danger-bg:#f871711f;--status-info:#60a5fa;--status-info-bg:#60a5fa1f;--status-draft:#64748b;--status-draft-bg:#64748b26;--status-sent:#3b82f6;--status-sent-bg:#3b82f626;--status-viewed:#a78bfa;--status-viewed-bg:#a78bfa26;--status-accepted:#34d399;--status-accepted-bg:#34d39926;--status-declined:#f87171;--status-declined-bg:#f8717126;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:100px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-glow:0 0 20px var(--lucky-green-glow);--sidebar-width:260px;--sidebar-collapsed:72px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.125rem}h4{font-size:1rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-primary);z-index:100;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{padding:var(--space-lg);align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border-primary);display:flex}.sidebar-logo{border-radius:var(--radius-md);object-fit:contain;width:36px;height:36px}.sidebar-brand{flex-direction:column;display:flex}.sidebar-brand-name{color:var(--text-primary);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.sidebar-brand-sub{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:500}.sidebar-nav{padding:var(--space-md) var(--space-sm);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:var(--space-md) var(--space-md) var(--space-xs);font-size:.65rem;font-weight:600}.sidebar-link{align-items:center;gap:var(--space-md);padding:.6rem var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;display:flex;position:relative}.sidebar-link:hover{color:var(--text-primary);background:#ffffff0a}.sidebar-link.active{background:var(--lucky-green-glow);color:var(--lucky-green-light)}.sidebar-link.active:before{content:"";background:var(--lucky-green);border-radius:0 4px 4px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link svg{opacity:.7;flex-shrink:0;width:20px;height:20px}.sidebar-link.active svg{opacity:1}.sidebar-badge{background:var(--lucky-green);color:#fff;border-radius:var(--radius-pill);text-align:center;min-width:20px;margin-left:auto;padding:2px 7px;font-size:.65rem;font-weight:700}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-primary)}.sidebar-user{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer;display:flex}.sidebar-user:hover{background:#ffffff0a}.sidebar-user-avatar{background:var(--lucky-green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-tertiary);text-transform:capitalize;font-size:.65rem}.sidebar-toggle{bottom:var(--space-lg);left:var(--space-lg);z-index:200;background:var(--lucky-green);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-lg);border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh}.topbar{border-bottom:1px solid var(--border-primary);height:64px;padding:0 var(--space-xl);background:var(--bg-secondary);z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:var(--space-lg);display:flex}.topbar-title{font-size:1.125rem;font-weight:700}.topbar-breadcrumb{align-items:center;gap:var(--space-sm);color:var(--text-tertiary);font-size:.8rem;display:flex}.topbar-breadcrumb a:hover{color:var(--text-secondary)}.topbar-breadcrumb .separator{color:var(--text-tertiary)}.topbar-right{align-items:center;gap:var(--space-md);display:flex}.topbar-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.topbar-btn:hover{color:var(--text-primary);background:#ffffff0f}.topbar-btn .notification-dot{background:var(--status-danger);border:2px solid var(--bg-secondary);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.page{padding:var(--space-xl);max-width:1400px}.page-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.page-header-left h1{margin-bottom:4px;font-size:1.5rem}.page-header-left p{color:var(--text-secondary);font-size:.85rem}.page-header-actions{gap:var(--space-sm);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;display:inline-flex}.btn svg{width:18px;height:18px}.btn-primary{background:var(--lucky-green);color:#fff;border-color:var(--lucky-green)}.btn-primary:hover{background:var(--lucky-green-light);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border-color:var(--border-secondary);background:0 0}.btn-secondary:hover{border-color:var(--text-tertiary);background:#ffffff0a}.btn-ghost{color:var(--text-secondary);background:0 0;padding:.5rem .75rem}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0a}.btn-danger{background:var(--status-danger-bg);color:var(--status-danger);border-color:#f8717133}.btn-danger:hover{background:#f8717133}.btn-sm{padding:.4rem .85rem;font-size:.78rem}.btn-lg{padding:.75rem 1.75rem;font-size:.95rem}.btn-icon{border-radius:var(--radius-md);width:38px;height:38px;padding:0}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--border-secondary)}.card-clickable:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md);cursor:pointer;transform:translateY(-1px)}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--accent,var(--lucky-green));opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.stat-card-header{justify-content:space-between;align-items:center;display:flex}.stat-card-icon{border-radius:var(--radius-md);background:var(--accent-bg,var(--lucky-green-glow));width:40px;height:40px;color:var(--accent,var(--lucky-green-light));justify-content:center;align-items:center;display:flex}.stat-card-icon svg{width:20px;height:20px}.stat-card-change{border-radius:var(--radius-pill);align-items:center;gap:2px;padding:2px 8px;font-size:.72rem;font-weight:600;display:flex}.stat-card-change.up{color:var(--status-success);background:var(--status-success-bg)}.stat-card-change.down{color:var(--status-danger);background:var(--status-danger-bg)}.stat-card-value{letter-spacing:-.03em;color:var(--text-primary);font-size:1.75rem;font-weight:800}.stat-card-label{color:var(--text-tertiary);font-size:.78rem;font-weight:500}.table-wrapper{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.table-header{padding:var(--space-lg);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.table-header h3{font-size:1rem;font-weight:700}.table-actions{gap:var(--space-sm);align-items:center;display:flex}table{border-collapse:collapse;width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-primary);white-space:nowrap;font-size:.72rem;font-weight:600}tbody td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-primary);vertical-align:middle;font-size:.85rem}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:#ffffff05}tbody tr:last-child td{border-bottom:none}.table-customer-cell{align-items:center;gap:var(--space-md);display:flex}.table-avatar{background:var(--bg-elevated);width:34px;height:34px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.table-name{color:var(--text-primary);font-weight:600}.table-sub{color:var(--text-tertiary);font-size:.75rem}.badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-draft{background:var(--status-draft-bg);color:var(--status-draft)}.badge-sent{background:var(--status-sent-bg);color:var(--status-sent)}.badge-viewed{background:var(--status-viewed-bg);color:var(--status-viewed)}.badge-accepted{background:var(--status-accepted-bg);color:var(--status-accepted)}.badge-declined{background:var(--status-declined-bg);color:var(--status-declined)}.badge-success{background:var(--status-success-bg);color:var(--status-success)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning)}.badge-info{background:var(--status-info-bg);color:var(--status-info)}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.form-group{gap:var(--space-xs);margin-bottom:var(--space-md);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.form-label .required{color:var(--status-danger)}.form-input,.form-select,.form-textarea{width:100%;padding:.65rem var(--space-md);background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--lucky-green);box-shadow:0 0 0 3px var(--lucky-green-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235a6a7e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-textarea{resize:vertical;min-height:100px}.form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.form-helper{color:var(--text-tertiary);font-size:.72rem}.search-input-wrap{max-width:320px;position:relative}.search-input-wrap svg{width:16px;height:16px;color:var(--text-tertiary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:.55rem .75rem .55rem 36px;font-size:.82rem}.search-input:focus{border-color:var(--border-secondary);background:var(--bg-card)}.search-input::placeholder{color:var(--text-tertiary)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;padding:var(--space-lg);background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-lg);animation:.3s slideUp;overflow-y:auto}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:1.1rem}.modal-body{padding:var(--space-lg)}.modal-footer{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-primary);display:flex}.tag{border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-primary);align-items:center;gap:4px;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.tag-green{background:var(--status-success-bg);color:var(--status-success);border-color:#34d39933}.tag-blue{background:var(--status-info-bg);color:var(--status-info);border-color:#60a5fa33}.tag-gold{color:var(--lucky-gold-light);background:#d4a93e1f;border-color:#d4a93e33}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-tertiary)}.empty-state-icon{background:var(--bg-elevated);width:64px;height:64px;margin:0 auto var(--space-md);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state-icon svg{width:28px;height:28px}.empty-state h3{color:var(--text-secondary);margin-bottom:var(--space-xs)}.empty-state p{max-width:320px;margin:0 auto var(--space-lg);font-size:.85rem}.tabs{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);gap:2px;width:fit-content;padding:3px;display:flex}.tab{border-radius:var(--radius-sm);color:var(--text-tertiary);transition:all var(--transition-fast);padding:.45rem .9rem;font-size:.78rem;font-weight:600}.tab:hover{color:var(--text-secondary)}.tab.active{background:var(--lucky-green);color:#fff}.timeline{padding-left:28px;position:relative}.timeline:before{content:"";background:var(--border-primary);width:1px;position:absolute;top:6px;bottom:6px;left:10px}.timeline-item{padding-bottom:var(--space-lg);position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--text-tertiary);border:2px solid var(--bg-card);z-index:1;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:-22px}.timeline-dot.green{background:var(--status-success)}.timeline-dot.blue{background:var(--status-info)}.timeline-dot.gold{background:var(--lucky-gold)}.timeline-title{color:var(--text-primary);margin-bottom:2px;font-size:.82rem;font-weight:600}.timeline-desc{color:var(--text-tertiary);font-size:.78rem}.timeline-time{color:var(--text-tertiary);margin-top:4px;font-size:.7rem}.material-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.material-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;overflow:hidden}.material-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.material-card-img{aspect-ratio:4/3;object-fit:cover;background:var(--bg-elevated);width:100%}.material-card-body{padding:var(--space-md)}.material-card-name{margin-bottom:4px;font-size:.85rem;font-weight:600}.material-card-sub{color:var(--text-tertiary);font-size:.75rem}.material-card-price{color:var(--lucky-green-light);margin-top:var(--space-sm);font-size:.78rem;font-weight:600}.wizard-progress{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}.wizard-step{align-items:center;gap:var(--space-sm);display:flex}.wizard-step-number{background:var(--bg-elevated);width:32px;height:32px;color:var(--text-tertiary);border:2px solid var(--border-primary);transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.wizard-step.active .wizard-step-number{background:var(--lucky-green);color:#fff;border-color:var(--lucky-green)}.wizard-step.complete .wizard-step-number{background:var(--status-success-bg);color:var(--status-success);border-color:var(--status-success)}.wizard-step-label{color:var(--text-tertiary);font-size:.78rem;font-weight:600}.wizard-step.active .wizard-step-label{color:var(--text-primary)}.wizard-step-line{background:var(--border-primary);flex:1;min-width:24px;height:1px}.wizard-step-line.complete{background:var(--lucky-green)}.login-page{background:var(--bg-primary);min-height:100vh;padding:var(--space-lg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(ellipse at 30% 50%, var(--lucky-green-glow) 0%, transparent 60%);pointer-events:none;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.login-card{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);z-index:1;position:relative}.login-logo{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.login-logo img{width:48px;height:48px}.login-logo-text{letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.login-logo-text span{color:var(--lucky-green-light)}.login-subtitle{text-align:center;color:var(--text-tertiary);margin-bottom:var(--space-xl);font-size:.85rem}.login-card .btn-primary{width:100%;margin-top:var(--space-sm);padding:.75rem;font-size:.9rem}.login-footer{text-align:center;margin-top:var(--space-lg);color:var(--text-tertiary);font-size:.78rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-base) ease}.animate-slide-up{animation:slideUp var(--transition-slow) ease}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:flex}.main-content{margin-left:0}.page{padding:var(--space-md)}.topbar{padding:0 var(--space-md)}.page-header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.table-wrapper{overflow-x:auto}table{min-width:600px}.material-grid{grid-template-columns:repeat(2,1fr)}}.toast{bottom:var(--space-xl);right:var(--space-xl);align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);z-index:10000;box-shadow:var(--shadow-lg);max-width:420px;padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;animation:.3s toastSlideIn,.3s 4.7s toastFadeOut;display:flex;position:fixed}.toast-success{color:#a7f3d0;background:#065f46;border:1px solid #34d39933}.toast-error{color:#fca5a5;background:#7f1d1d;border:1px solid #f8717133}.toast-close{margin-left:var(--space-sm);opacity:.7;transition:opacity var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.toast-close:hover{opacity:1;background:#ffffff1a}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0}}.send-success-state{text-align:center;padding:var(--space-xl) var(--space-md)}.send-success-icon{color:var(--status-success);margin-bottom:var(--space-md);animation:.4s successPop}.send-success-state h3{margin-bottom:var(--space-sm);color:var(--status-success)}.send-success-state p{color:var(--text-secondary);font-size:.85rem}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tag{border-radius:var(--radius-pill);align-items:center;padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.tag-gold{color:var(--lucky-gold-light);background:#d4a93e26}.tag-blue{background:var(--status-info-bg);color:var(--status-info)}.tag-green{background:var(--status-success-bg);color:var(--status-success)}.tag-gray{background:var(--status-draft-bg);color:var(--status-draft)}.measure-search-bar{z-index:10;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-md);width:360px;max-width:calc(100% - 24px);box-shadow:var(--shadow-md);align-items:center;gap:8px;padding:6px 12px;display:flex;position:absolute;top:12px;left:12px}.measure-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.measure-search-input::placeholder{color:var(--text-tertiary)}.measure-search-clear{width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.measure-search-clear:hover{color:var(--text-primary);background:#ffffff26}.pac-container{overflow:hidden;border-radius:var(--radius-md)!important;z-index:10000!important;background:#151d28!important;border:1px solid #ffffff1a!important;margin-top:4px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;box-shadow:0 8px 30px #00000080!important}.pac-container:after{background:var(--bg-elevated)!important;border-top:1px solid var(--border-primary)!important;padding:6px 10px!important}.pac-item{border-top:1px solid var(--border-primary)!important;cursor:pointer!important;color:var(--text-primary)!important;background:0 0!important;padding:10px 14px!important;font-size:.85rem!important;line-height:1.4!important;transition:background .15s!important}.pac-item:first-child{border-top:none!important}.pac-item:hover,.pac-item-selected{background:#ffffff0f!important}.pac-item-query{color:var(--text-primary)!important;font-size:.85rem!important;font-weight:600!important}.pac-item span:not(.pac-item-query){color:var(--text-tertiary)!important;font-size:.78rem!important}.pac-icon{filter:invert(.7)!important}.pac-matched{color:var(--lucky-green-light)!important;font-weight:700!important}.pac-logo:after{filter:invert(.85)grayscale()!important}.measure-customer-dropdown{z-index:10;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-md);width:360px;max-width:calc(100% - 24px);max-height:280px;box-shadow:var(--shadow-lg);position:absolute;top:56px;left:12px;overflow-y:auto}.measure-customer-item{text-align:left;width:100%;transition:background var(--transition-fast);border-bottom:1px solid var(--border-primary);align-items:center;gap:10px;padding:10px 12px;display:flex}.measure-customer-item:hover{background:#ffffff0a}.measure-customer-item:last-child{border-bottom:none}.measure-draw-controls{z-index:10;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.measure-drawing-hint{z-index:10;background:var(--bg-card);border:1px solid var(--lucky-green);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:0 0 20px var(--lucky-green-glow);align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;animation:2s infinite pulse-border;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%)}@keyframes pulse-border{0%,to{border-color:var(--lucky-green)}50%{border-color:var(--lucky-green-light)}}.measure-panel{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;width:300px;display:flex;overflow:hidden}.measure-panel-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.measure-total-card{padding:var(--space-md) var(--space-lg);background:var(--lucky-green-glow);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.measure-area-list{padding:var(--space-sm);flex:1;overflow-y:auto}.measure-area-card{padding:var(--space-md);border-radius:var(--radius-md);transition:background var(--transition-fast)}.measure-area-card:hover{background:#ffffff08}.measure-area-swatch{border-radius:4px;flex-shrink:0;width:14px;height:14px}.measure-tips{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-primary)}.required{color:var(--status-danger)}.form-textarea{background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:vertical;transition:border-color var(--transition-fast);outline:none;padding:.6rem .85rem;font-size:.85rem;line-height:1.5}.form-textarea:focus{border-color:var(--border-focus)}@media (max-width:900px){.measure-panel{width:100%;max-height:300px}}.cal-toolbar{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.cal-toolbar-left{align-items:center;gap:var(--space-md);display:flex}.cal-nav-arrows{align-items:center;gap:2px;display:flex}.cal-title{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.cal-layout{gap:var(--space-md);grid-template-columns:1fr 320px;align-items:start;display:grid}.cal-main{min-width:0}.cal-month{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.cal-month-header{border-bottom:1px solid var(--border-primary);grid-template-columns:repeat(7,1fr);display:grid}.cal-month-header-cell{padding:var(--space-sm) var(--space-md);text-align:center;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:.72rem;font-weight:600}.cal-month-body{flex-direction:column;display:flex}.cal-month-row{border-bottom:1px solid var(--border-primary);grid-template-columns:repeat(7,1fr);display:grid}.cal-month-row:last-child{border-bottom:none}.cal-month-cell{min-height:100px;padding:var(--space-xs) var(--space-sm);border-right:1px solid var(--border-primary);cursor:pointer;transition:background var(--transition-fast);position:relative}.cal-month-cell:last-child{border-right:none}.cal-month-cell:hover{background:#ffffff05}.cal-month-cell.out{opacity:.35}.cal-month-cell.selected{background:#2d7a3a14}.cal-month-cell.today{background:#2d7a3a0f}.cal-day-number{color:var(--text-secondary);border-radius:50%;padding:2px 6px;font-size:.82rem;font-weight:600;line-height:1.4;display:inline-block}.cal-day-number.today{background:var(--lucky-green);color:#fff;font-weight:700}.cal-day-events{flex-direction:column;gap:2px;margin-top:2px;display:flex}.cal-event-pill{background:color-mix(in srgb, var(--event-color) 15%, transparent);cursor:pointer;transition:all var(--transition-fast);border-radius:4px;align-items:center;gap:4px;padding:1px 6px;display:flex;overflow:hidden}.cal-event-pill:hover{background:color-mix(in srgb, var(--event-color) 25%, transparent)}.cal-event-pill-dot{background:var(--event-color);border-radius:50%;flex-shrink:0;width:5px;height:5px}.cal-event-pill-text{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:600;overflow:hidden}.cal-day-more{color:var(--text-tertiary);padding:0 6px;font-size:.65rem;font-weight:600}.cal-week{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.cal-week-header{border-bottom:1px solid var(--border-primary);z-index:2;background:var(--bg-card);grid-template-columns:60px repeat(7,1fr);display:grid;position:sticky;top:0}.cal-week-gutter{flex-shrink:0;width:60px}.cal-week-header-cell{text-align:center;padding:var(--space-sm) var(--space-xs);border-left:1px solid var(--border-primary);cursor:pointer;transition:background var(--transition-fast)}.cal-week-header-cell:hover{background:#ffffff05}.cal-week-header-cell.today{background:#2d7a3a0f}.cal-week-header-day{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:.68rem;font-weight:600}.cal-week-header-num{color:var(--text-secondary);font-size:1.25rem;font-weight:700;line-height:1.3}.cal-week-header-num.today{color:var(--lucky-green-light)}.cal-week-body{max-height:600px;overflow-y:auto}.cal-week-row{border-bottom:1px solid var(--border-primary);grid-template-columns:60px repeat(7,1fr);min-height:52px;display:grid}.cal-week-row:last-child{border-bottom:none}.cal-time-label{color:var(--text-tertiary);justify-content:flex-end;align-items:flex-start;padding:4px 8px 0 0;font-size:.68rem;font-weight:500;display:flex}.cal-week-cell{border-left:1px solid var(--border-primary);cursor:pointer;min-height:52px;transition:background var(--transition-fast);padding:2px}.cal-week-cell:hover{background:#ffffff04}.cal-week-event{background:color-mix(in srgb, var(--event-color) 18%, transparent);border-left:3px solid var(--event-color);cursor:pointer;transition:all var(--transition-fast);border-radius:4px;flex-direction:column;gap:1px;margin-bottom:2px;padding:3px 6px;display:flex}.cal-week-event:hover{background:color-mix(in srgb, var(--event-color) 28%, transparent)}.cal-week-event-time{color:var(--text-tertiary);font-size:.62rem;font-weight:600}.cal-week-event-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:600;overflow:hidden}.cal-day-view{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.cal-day-row{border-bottom:1px solid var(--border-primary);grid-template-columns:70px 1fr;min-height:64px;display:grid}.cal-day-row:last-child{border-bottom:none}.cal-day-time{color:var(--text-tertiary);justify-content:flex-end;align-items:flex-start;padding:8px 12px 0 0;font-size:.75rem;font-weight:500;display:flex}.cal-day-slot{border-left:1px solid var(--border-primary);padding:var(--space-xs) var(--space-sm);gap:var(--space-xs);flex-direction:column;display:flex}.cal-day-event{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:color-mix(in srgb, var(--event-color) 12%, transparent);border-left:4px solid var(--event-color);cursor:pointer;transition:all var(--transition-fast)}.cal-day-event:hover{background:color-mix(in srgb, var(--event-color) 20%, transparent);transform:translate(2px)}.cal-day-event-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.cal-day-event-type{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-size:.68rem;font-weight:600}.cal-day-event-time{color:var(--text-secondary);font-size:.72rem;font-weight:600}.cal-day-event-title{color:var(--text-primary);margin-bottom:2px;font-size:.88rem;font-weight:700}.cal-day-event-customer{color:var(--text-tertiary);align-items:center;gap:4px;font-size:.75rem;display:flex}.cal-sidebar-panel{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);top:var(--space-xl);position:sticky;overflow:hidden}.cal-sidebar-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.cal-sidebar-header h3{font-size:.95rem}.cal-sidebar-events{max-height:400px;padding:var(--space-sm);overflow-y:auto}.cal-sidebar-empty{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--text-tertiary)}.cal-sidebar-empty svg{margin-bottom:var(--space-sm);opacity:.5}.cal-sidebar-empty p{font-size:.82rem}.cal-sidebar-event{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex;position:relative}.cal-sidebar-event:hover{background:#ffffff08}.cal-sidebar-event-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.cal-sidebar-event-content{flex:1;min-width:0}.cal-sidebar-event-title{color:var(--text-primary);margin-bottom:2px;font-size:.82rem;font-weight:600}.cal-sidebar-event-meta{align-items:center;gap:var(--space-sm);color:var(--text-tertiary);font-size:.72rem;display:flex}.cal-sidebar-event-meta span{align-items:center;gap:3px;display:inline-flex}.cal-sidebar-event-customer{color:var(--text-tertiary);align-items:center;gap:3px;margin-top:2px;font-size:.7rem;display:flex}.cal-sidebar-event-link{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cal-sidebar-event-link:hover{color:var(--lucky-green-light);background:#ffffff0f}.cal-type-badge{border-radius:var(--radius-pill);align-items:center;padding:1px 8px;font-size:.65rem;font-weight:600;display:inline-flex}.cal-type-job{background:var(--status-success-bg);color:var(--status-success)}.cal-type-quote_appointment{background:var(--status-info-bg);color:var(--status-info)}.cal-type-meeting{color:var(--lucky-gold-light);background:#d4a93e1f}.cal-type-other{background:var(--status-draft-bg);color:var(--status-draft)}.cal-legend{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-primary)}.cal-legend-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--space-sm);font-size:.68rem;font-weight:600}.cal-legend-items{gap:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.cal-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.72rem;display:flex}.cal-legend-dot{border-radius:50%;width:8px;height:8px}.cal-detail-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.cal-detail-grid{gap:var(--space-lg);flex-direction:column;display:flex}.cal-detail-row{gap:var(--space-md);align-items:flex-start;display:flex}.cal-detail-row svg{color:var(--text-tertiary);flex-shrink:0;margin-top:2px}.cal-detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:2px;font-size:.68rem;font-weight:600}.cal-detail-value{color:var(--text-primary);font-size:.88rem;font-weight:600}.cal-detail-sub{color:var(--text-tertiary);margin-top:2px;font-size:.78rem}.cal-type-selector{gap:var(--space-xs);grid-template-columns:repeat(4,1fr);display:grid}.cal-type-option{padding:var(--space-sm) var(--space-xs);border-radius:var(--radius-md);border:2px solid var(--border-primary);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-direction:column;align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:flex}.cal-type-option:hover{border-color:var(--border-secondary);color:var(--text-secondary)}.cal-type-option.active{border-color:var(--type-color,var(--lucky-green));background:color-mix(in srgb, var(--type-color,var(--lucky-green)) 10%, transparent);color:var(--text-primary)}.cal-customer-dropdown{z-index:20;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-md);max-height:240px;box-shadow:var(--shadow-lg);margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.cal-customer-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--border-primary);width:100%;transition:background var(--transition-fast);cursor:pointer;display:flex}.cal-customer-item:hover{background:#ffffff0a}.cal-customer-item:last-child{border-bottom:none}.cal-selected-customer{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);font-size:.85rem;font-weight:600;display:flex}.cal-selected-customer span{flex:1}.cal-crew-grid{gap:var(--space-xs);flex-wrap:wrap;display:flex}.cal-crew-chip{align-items:center;gap:var(--space-sm);border-radius:var(--radius-pill);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:4px 12px 4px 4px;font-size:.78rem;font-weight:500;display:flex}.cal-crew-chip:hover{border-color:var(--border-secondary)}.cal-crew-chip.active{border-color:var(--lucky-green);background:var(--lucky-green-glow);color:var(--text-primary)}.job-layout{gap:var(--space-md);grid-template-columns:1fr 340px;align-items:start;display:grid}.job-main{flex-direction:column;gap:0;display:flex}.job-sidebar{gap:var(--space-md);flex-direction:column;display:flex}.job-contact-link{align-items:center;gap:var(--space-sm);color:var(--text-secondary);padding:var(--space-xs) 0;transition:color var(--transition-fast);font-size:.85rem;display:flex}.job-contact-link:hover{color:var(--lucky-green-light)}.job-contact-link svg{color:var(--text-tertiary);flex-shrink:0}.job-detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:2px;font-size:.68rem;font-weight:600}.job-detail-value{color:var(--text-primary);font-size:.85rem;font-weight:600}.job-crew-chip{align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;display:flex}@media (max-width:1024px){.cal-layout{grid-template-columns:1fr}.cal-sidebar-panel{position:static}.job-layout{grid-template-columns:1fr}.cal-month-cell{min-height:72px}}@media (max-width:768px){.cal-toolbar{flex-direction:column;align-items:flex-start}.cal-month-cell{min-height:52px;padding:2px}.cal-event-pill-text{display:none}.cal-event-pill{justify-content:center;padding:3px}.cal-event-pill-dot{width:6px;height:6px}.cal-type-selector{grid-template-columns:repeat(2,1fr)}}