:root{--bega-orange: #FF6B09;--bega-gray: #B9B8B8;--bega-dark: #2B2B2B;--bg: #F5F5F6;--card-bg: #ffffff;--radius: 12px;--shadow: 0 6px 18px rgba(18,18,18,.06);--text: #222222;--muted: #6b6b6b}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;background:var(--bega-dark);color:#fff;display:flex;flex-direction:column;padding:22px;gap:18px}.sidebar-top{display:flex;align-items:center;justify-content:flex-start;gap:12px}.logo-text{font-weight:700;color:var(--bega-orange);letter-spacing:.6px;font-size:16px}.nav{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{background:transparent;color:inherit;border:0;text-align:left;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;transition:background .15s,transform .08s;display:flex;align-items:center;gap:10px}.nav-item:hover{background:#ffffff0f;transform:translateY(-1px)}.nav-item.active{background:var(--bega-orange);color:#000;font-weight:600}.sidebar-bottom{margin-top:auto}.main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;background:var(--card-bg);border-bottom:1px solid rgba(0,0,0,.04);gap:12px;box-shadow:0 1px #00000005}.page-title{margin:0;font-size:20px;color:var(--bega-dark)}.header-right{display:flex;align-items:center;gap:16px}.search-input{height:36px;padding:8px 12px;border-radius:10px;border:1px solid #e7e7e7;outline:none;min-width:260px}.profile{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--bega-orange);display:flex;align-items:center;justify-content:center;color:#000;font-weight:700}.profile-name{font-size:14px;color:var(--muted)}.content{padding:26px;overflow:auto;height:calc(100vh - 74px)}@media(max-width:900px){.sidebar{width:72px;padding:12px}.logo-text{display:none}.nav-item{padding:10px 8px;font-size:13px;justify-content:center}.search-input{display:none}.page-title{font-size:18px}}body{margin:0;font-family:Arial,sans-serif;background-color:#f3f4f6}.sidebar{width:250px;background-color:#1f2937;color:#fff;height:100vh;padding:20px}.sidebar-title{font-size:24px;margin-bottom:20px}.sidebar-nav li{margin:10px 0;cursor:pointer;padding:5px;border-radius:4px}.sidebar-nav li:hover{background-color:#374151}.topbar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px 20px;box-shadow:0 2px 4px #0000001a}.topbar-search{padding:5px 10px;border-radius:4px;border:1px solid #d1d5db}.topbar-profile span{margin-left:15px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px}.stat-card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.stat-title{font-size:14px;color:#6b7280}.stat-value{font-size:22px;font-weight:700;margin-top:5px}.profit-loss-indicator{background:#fff;padding:20px;text-align:center;border-radius:8px;box-shadow:0 1px 3px #0000001a}.chart-container{background:#fff;padding:15px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.radial-gauge{width:100px;margin:auto}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup{background:#fff;padding:20px;border-radius:8px;width:400px;display:flex;flex-direction:column;gap:10px}.popup-actions{display:flex;justify-content:flex-end;gap:10px}.popup input[type=number]{width:100%}.quotation-dashboard{padding:20px}.search-input{padding:8px 12px;border-radius:6px;border:1px solid #d1d5db;margin-bottom:15px;width:300px}.quotation-table{width:100%;border-collapse:collapse}.quotation-table th,.quotation-table td{border:1px solid #d1d5db;padding:8px 12px;text-align:left}.quotation-table th{background-color:#f3f4f6}.quotation-table tbody tr:hover{background-color:#f9fafb;cursor:pointer}.email-inbox{padding:20px}.email-table{width:100%;border-collapse:collapse;margin-top:15px}.email-table th,.email-table td{border:1px solid #d1d5db;padding:10px 12px;text-align:left}.email-table th{background-color:#f3f4f6}.email-table tbody tr:hover{background-color:#f9fafb;cursor:pointer}.unread{font-weight:700;background-color:#eef2ff}.read{font-weight:400}.search-input{padding:8px 12px;border-radius:6px;border:1px solid #d1d5db;width:300px}.hours-warning{border:2px solid red}.job-popup input[type=number]{width:80px}.comments-section{margin-top:15px}.job-board{padding:20px}.job-columns{display:flex;gap:20px;overflow-x:auto}.job-column{flex:0 0 220px;background:#f3f4f6;padding:10px;border-radius:8px}.job-column h3{text-align:center;margin-bottom:10px}.job-card{background:#fff;padding:10px;border-radius:6px;margin-bottom:10px;cursor:pointer;box-shadow:0 1px 3px #0000001a}.job-card p{margin:4px 0}.job-card:hover{background:#e5e7eb}.expense-allocation{padding:20px}.expense-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.expense-form input,.expense-form select{padding:6px 10px;border-radius:6px;border:1px solid #d1d5db}.expense-form button{padding:6px 12px;border-radius:6px;border:none;background-color:#2563eb;color:#fff;cursor:pointer}.expense-form button:hover{background-color:#1e40af}.expense-table{width:100%;border-collapse:collapse}.expense-table th,.expense-table td{border:1px solid #d1d5db;padding:8px 10px}.expense-table th{background-color:#f3f4f6}.totals{margin-top:15px}.table-section{background:#fff;padding:5px;border-radius:18px;box-shadow:0 4px 20px #00000014;margin-top:px;transition:.3s ease}.table-section h3{font-size:1.6rem;margin-bottom:15px;font-weight:600;color:#333}.table-section input[type=text]{width:250px;padding:10px 14px;margin-bottom:15px;border-radius:12px;border:1px solid #ccc;font-size:14px;outline:none;transition:.2s}.table-section input[type=text]:focus{border-color:#f90;box-shadow:0 0 5px #ffe60066}button{margin-left:10px;padding:10px 18px;background:linear-gradient(135deg,#ffd900,#d27e00);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e28e1126}button:active{transform:translateY(0)}.item-table{width:100%;border-collapse:collapse;margin-top:20px;overflow:hidden;border-radius:12px;box-shadow:0 2px 12px #00000012}.item-table thead{background:#f7f9fc}.item-table th{padding:12px 10px;font-weight:600;text-align:left;color:#444;border-bottom:2px solid #e5e5e5}.item-table td{padding:3px 32px;border-bottom:1px solid #efefef;color:#555;transition:background .2s}.item-table tbody tr:hover{background:#f0f4ff}.item-table td:nth-child(4),.item-table td:nth-child(5),.item-table td:nth-child(6){text-align:left;font-weight:500}.dropdown-container{position:relative;display:inline-block;width:280px}.dropdown-menu{position:absolute;top:42px;width:100%;background:#ff9f10fa;border:1px solid var(--border-subtle);border-radius:14px;padding:6px 0;box-shadow:var(--shadow-soft);z-index:200;max-height:260px;overflow-y:auto}.dropdown-item{padding:10px 14px;cursor:pointer;display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-main);transition:background var(--transition-fast)}.dropdown-item:hover{background:#38bdf82e}.dropdown-no-results{padding:14px;text-align:center;color:var(--text-soft)}.dropdown-item .item-code{font-size:.75rem;opacity:.7}.item-table td[contenteditable=true]{background:#f8a53814;border-radius:6px;outline:none;cursor:text}.item-table td[contenteditable=true]:focus{background:#f8c538e3}.quote-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.quote-left{display:flex;flex-direction:column;gap:16px}.quote-number{font-size:1.3rem;margin:0;color:var(--text-main)}.quote-row{display:flex;flex-direction:column;align-items:left;gap:5px}.quote-field{display:flex;align-items:center;gap:10px}.field-label{font-size:1rem;color:var(--text-main)}.client-select{width:100%;height:34px;border-radius:10px;background:#cececef2;border:1px solid var(--border-subtle);color:var(--text-main);padding:6px 10px}.client-select:hover,.client-select:focus{border-color:var(--accent)}.deposit-checkbox{width:20px;height:20px;accent-color:var(--accent)}.quote-right{text-align:right;min-width:800px;display:flex;justify-content:flex-end}.details-heading{font-size:.95rem;margin:0 0 8px;color:var(--text-muted);letter-spacing:.05em}.details-container{background:#b9b9b9d9;padding:12px 16px;border-radius:14px;border:1px solid rgba(56,189,248,.2);box-shadow:var(--shadow-soft)}.details-item{display:flex;justify-content:space-between;font-size:.9rem;padding:4px 0;color:var(--text-main)}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.bg-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;height:100%}.bg-popup{background:#fff;padding:5px;border-radius:8px;width:400px;display:flex;flex-direction:column;gap:10px;height:90%;width:90%;overflow:scroll}