:root{--color-primary: #edc500;--color-dark: #0d3140;--color-ocean: #356b8c;--color-teal: #346173;--color-steel: #99b1bf;--color-ice: #dfebf2;--color-text: #1a1a1a;--color-border: #ccc;--color-bg: #f5f7fa}.plan-canvas-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;background:#f0f0f0;z-index:1000;overflow:hidden}.plan-canvas-loading,.plan-canvas-error{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:var(--color-dark);color:#fff;z-index:2000}.plan-canvas-loading .spinner{width:50px;height:50px;border:4px solid rgba(237,197,0,.3);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.plan-canvas-error p{font-size:18px;margin-bottom:20px}.plan-canvas-error button{padding:10px 20px;background:var(--color-primary);color:var(--color-dark);border:none;border-radius:4px;cursor:pointer;font-weight:600}.plan-toolbar{width:160px;min-width:160px;height:100%;background:linear-gradient(180deg,#1a3a4a,#0d3140);border-right:1px solid var(--color-ocean);overflow-y:auto;padding:12px;z-index:50;box-shadow:2px 0 8px #0003;flex-shrink:0}.plan-toolbar.left{order:0}.toolbar-section{margin-bottom:16px;border-bottom:1px solid rgba(237,197,0,.2);padding-bottom:12px}.toolbar-section h3{color:var(--color-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.toolbar-group-header{display:flex;align-items:center;gap:6px;width:100%;padding:8px 6px;background:#edc50014;border:1px solid rgba(237,197,0,.15);border-radius:4px;color:var(--color-primary);cursor:pointer;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .15s ease;text-shadow:0 1px 3px rgba(0,0,0,.3);margin-bottom:2px}.toolbar-group-header:hover{background:#edc50026;border-color:#edc50059}.toolbar-group-header.open{background:#edc5002e;border-color:#edc50066;border-bottom-left-radius:0;border-bottom-right-radius:0}.toolbar-group-header.has-active{border-color:var(--color-primary);box-shadow:0 0 8px #edc50040}.toolbar-group-header .group-icon{font-size:14px;flex-shrink:0}.toolbar-group-header .group-label{flex:1;text-align:left}.toolbar-group-header .group-chevron{font-size:10px;opacity:.8;flex-shrink:0}.toolbar-group-items{background:#0003;border:1px solid rgba(237,197,0,.15);border-top:none;border-radius:0 0 4px 4px;padding:4px;margin-bottom:4px}.tool-btn{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;padding:8px;margin-bottom:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.tool-btn:hover{background:#ffffff1a;border-color:var(--color-ocean);color:#fff}.tool-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-dark);box-shadow:0 0 12px #edc50066}.tool-btn .icon{font-size:16px;flex-shrink:0}.tool-btn .label{flex:1;text-align:left}.plan-canvas-area{flex:1;position:relative;height:100%;background:#2a2a2a;overflow:hidden}.plan-panel{width:280px;min-width:280px;height:100%;background:linear-gradient(180deg,#f8f9fa,#e8ecf1);border-left:1px solid var(--color-border);overflow-y:auto;padding:16px;z-index:50;box-shadow:-2px 0 8px #0000001a;flex-shrink:0}.plan-panel.right{order:2;display:flex;flex-direction:column}.panel-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.panel-section:last-of-type{border-bottom:none;flex:1;overflow-y:auto}.panel-section h3{color:var(--color-dark);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.panel-section.highlight{background:#edc5001a;border:1px solid var(--color-primary);border-radius:4px;padding:12px;margin-bottom:16px}.panel-btn{display:block;width:100%;padding:9px 12px;margin-bottom:6px;background:#fff;border:1px solid var(--color-border);border-radius:4px;color:var(--color-dark);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;text-align:left}.panel-btn:hover:not(:disabled){background:var(--color-ice);border-color:var(--color-ocean);box-shadow:0 2px 6px #356b8c26}.panel-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-dark);font-weight:600}.panel-btn:disabled{opacity:.5;cursor:not-allowed}.input-group{display:flex;gap:6px;align-items:center;margin-bottom:8px}.input-group input{flex:1;padding:7px 8px;border:1px solid var(--color-border);border-radius:4px;font-size:13px;font-family:DM Sans,sans-serif}.input-group input:focus{outline:none;border-color:var(--color-ocean);box-shadow:0 0 0 3px #356b8c1a}.input-group span{color:var(--color-steel);font-weight:500}.help-text{font-size:12px;color:var(--color-steel);margin:0 0 8px;font-style:italic}.scale-points{padding:6px 8px;background:#fff;border:1px solid var(--color-border);border-radius:3px;font-size:12px;color:var(--color-dark);margin-bottom:8px;text-align:center}.bom-subsection{margin-bottom:12px}.bom-subsection strong{display:block;color:var(--color-dark);font-size:12px;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.bom-list{list-style:none;margin:0;padding:0;font-size:12px;color:var(--color-text)}.bom-list li{padding:4px 0;border-bottom:1px solid rgba(0,0,0,.05);line-height:1.4}.bom-list li:last-child{border-bottom:none}.bom-list .empty{font-style:italic;color:var(--color-steel);padding:6px 0}.panel-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--color-border)}.btn-primary,.btn-secondary{flex:1;padding:10px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;text-align:center}.btn-primary{background:var(--color-primary);color:var(--color-dark)}.btn-primary:hover{background:gold;box-shadow:0 4px 12px #edc5004d}.btn-secondary{background:#fff;color:var(--color-ocean);border:1px solid var(--color-ocean)}.btn-secondary:hover{background:var(--color-ice);box-shadow:0 2px 6px #356b8c26}.plan-toolbar::-webkit-scrollbar,.plan-panel::-webkit-scrollbar{width:6px}.plan-toolbar::-webkit-scrollbar-track,.plan-panel::-webkit-scrollbar-track{background:transparent}.plan-toolbar::-webkit-scrollbar-thumb{background:#edc5004d;border-radius:3px}.plan-toolbar::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.plan-panel::-webkit-scrollbar-thumb{background:#356b8c33;border-radius:3px}.plan-panel::-webkit-scrollbar-thumb:hover{background:var(--color-ocean)}@media (max-width: 1200px){.plan-toolbar{width:120px;min-width:120px}.plan-panel{width:240px;min-width:240px}.toolbar-section h3{font-size:10px}.tool-btn{font-size:11px;padding:6px}.tool-btn .icon{font-size:14px}}@media (max-width: 768px){.plan-canvas-container{flex-direction:column}.plan-toolbar{width:100%;min-width:unset;height:auto;max-height:80px;border-right:none;border-bottom:1px solid var(--color-ocean);padding:8px;flex-direction:row;overflow-x:auto;overflow-y:hidden;order:0}.toolbar-section{display:inline-block;margin-right:16px;margin-bottom:0;padding-right:12px;border-bottom:none;border-right:1px solid rgba(237,197,0,.2);padding-bottom:0}.toolbar-section h3{display:none}.tool-btn{display:inline-flex;margin-bottom:0;margin-right:4px;min-width:50px}.plan-canvas-area{order:1;flex:1}.plan-panel{width:100%;min-width:unset;height:auto;max-height:40vh;border-left:none;border-top:1px solid var(--color-border);border-radius:12px 12px 0 0;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;order:2}.panel-section{min-width:200px;margin-right:16px}.panel-actions{display:none}}:root{--gold: #edc500;--gold-lt: rgba(237,197,0,.13);--gold-dk: #b89a00;--navy: #0d3140;--navy-lt: #144058;--ocean: #356b8c;--teal: #346173;--steel: #99b1bf;--ice: #dfebf2;--ice-dk: #c4d9e6;--white: #ffffff;--bg: #eef5f9;--success: #27ae60;--warning: #e67e22;--danger: #e74c3c;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--sidebar-w: 234px;--topbar-h: 60px;--agent-w: 340px;--radius: 10px;--radius-sm: 7px;--shadow: 0 2px 12px rgba(13,49,64,.08);--shadow-md: 0 4px 20px rgba(13,49,64,.12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-body);background:var(--bg);color:var(--navy);font-size:14px;-webkit-font-smoothing:antialiased}#root{height:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ice-dk);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--steel)}h1,h2,h3,h4{font-family:var(--font-display)}.app-shell{display:flex;height:100vh;overflow:hidden}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.page-content{flex:1;overflow-y:auto;padding:24px 28px 40px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .14s;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:14px;height:14px;flex-shrink:0}.btn-gold{background:var(--gold);color:var(--navy)}.btn-gold:hover:not(:disabled){background:var(--gold-dk)}.btn-outline{background:transparent;color:var(--ocean);border:1.5px solid var(--ocean)}.btn-outline:hover:not(:disabled){background:var(--ocean);color:#fff}.btn-ghost{background:var(--white);color:var(--navy);border:1px solid var(--ice-dk)}.btn-ghost:hover:not(:disabled){background:var(--ice);border-color:var(--steel)}.btn-danger{background:transparent;color:var(--danger);border:1.5px solid var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-sm{padding:5px 12px;font-size:12px}.btn-icon{padding:7px;border-radius:var(--radius-sm)}.input,.select,.textarea{width:100%;padding:9px 12px;border:1.5px solid var(--ice-dk);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;color:var(--navy);background:var(--white);transition:border-color .14s;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--ocean);box-shadow:0 0 0 3px #356b8c1a}.input::placeholder,.textarea::placeholder{color:var(--steel)}.textarea{resize:vertical;min-height:80px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2399b1bf' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:32px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--steel);margin-bottom:6px;font-family:var(--font-display)}.form-label.req:after{content:" *";color:var(--danger)}.form-hint{font-size:11px;color:var(--steel);margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.form-section{border-top:1px solid var(--ice-dk);padding-top:16px;margin-top:4px;margin-bottom:16px}.form-section-title{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--teal);margin-bottom:14px}.type-toggle{display:flex;gap:0;background:var(--ice);border-radius:var(--radius-sm);padding:3px;margin-bottom:20px}.type-toggle-btn{flex:1;padding:7px 0;text-align:center;font-size:12px;font-weight:700;font-family:var(--font-display);border-radius:6px;cursor:pointer;border:none;background:transparent;color:var(--steel);transition:all .15s;letter-spacing:.5px}.type-toggle-btn.active{background:var(--white);color:var(--navy);box-shadow:0 1px 4px #0d31401f}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:5px;font-size:11px;font-weight:700;font-family:var(--font-display);letter-spacing:.3px}.badge-pf{background:#27ae601f;color:#1b8c50}.badge-pj{background:#356b8c1f;color:var(--ocean)}.badge-gold{background:var(--gold-lt);color:var(--gold-dk)}.badge-teal{background:#3461731f;color:var(--teal)}.badge-success{background:#27ae601f;color:#1b8c50}.badge-danger{background:#e74c3c1f;color:var(--danger)}.cat-priza{background:#edc5001f;color:#8a6e00}.cat-iluminat{background:#f1c40f1f;color:#8a7200}.cat-intrerupator{background:#356b8c1f;color:var(--ocean)}.cat-panou_electric{background:#3461731f;color:var(--teal)}.cat-hvac{background:#29b6f61f;color:#0277a8}.cat-jaluzea{background:#81c7841f;color:#2e7d32}.cat-retea{background:#673ab71f;color:#512da8}.cat-securitate{background:#e74c3c1f;color:var(--danger)}.cat-cablu{background:#3461731f;color:var(--teal)}.cat-altele{background:#99b1bf26;color:#5a7f93}.card{background:var(--white);border-radius:var(--radius);border:1px solid var(--ice-dk);box-shadow:var(--shadow)}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--ice-dk);background:var(--white)}table{width:100%;border-collapse:collapse}thead tr{background:var(--bg);border-bottom:1px solid var(--ice-dk)}th{padding:10px 16px;font-family:var(--font-display);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--steel);text-align:left;white-space:nowrap}td{padding:13px 16px;font-size:13px;color:var(--navy);border-bottom:1px solid rgba(223,235,242,.6);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .12s}tbody tr:hover{background:#dfebf259}.td-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.page-header-left h1{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--navy)}.page-header-left p{font-size:13px;color:var(--steel);margin-top:3px}.page-header-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-wrap{position:relative}.search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--steel);pointer-events:none}.search-wrap input{padding-left:34px;width:240px}.filter-tabs{display:flex;gap:4px;background:var(--white);border:1px solid var(--ice-dk);border-radius:var(--radius-sm);padding:3px;margin-bottom:16px;width:fit-content}.filter-tab{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--steel);font-family:var(--font-display);transition:all .13s}.filter-tab.active{background:var(--navy);color:var(--white)}.empty-state{padding:60px 20px;text-align:center;color:var(--steel)}.empty-state svg{width:48px;height:48px;margin:0 auto 14px;opacity:.35;display:block}.empty-state p{font-size:14px}.empty-state span{font-size:12px;opacity:.7;display:block;margin-top:4px}.spinner{width:20px;height:20px;border:2px solid var(--ice-dk);border-top-color:var(--ocean);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-row td{text-align:center;padding:40px}@media (max-width: 768px){:root{--sidebar-w: 0px;--agent-w: 100vw}.app-shell{flex-direction:column}.page-content{padding:16px}.table-wrap{border:none;background:transparent;box-shadow:none}table,thead,tbody,th,td,tr{display:block}thead tr{display:none}tbody tr{background:var(--white);border-radius:var(--radius);border:1px solid var(--ice-dk);margin-bottom:10px;padding:12px 14px;box-shadow:var(--shadow)}td{border:none;padding:4px 0;font-size:13px}td:before{content:attr(data-label);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--steel);display:block;font-family:var(--font-display)}.td-actions{justify-content:flex-start;padding-top:8px}.page-header{flex-direction:column;align-items:flex-start}.page-header-right{width:100%}.page-header-right .btn{flex:1;justify-content:center}.form-row,.form-row-3{grid-template-columns:1fr}.modal-overlay{padding:0;align-items:flex-end}.modal{border-radius:16px 16px 0 0;max-height:95vh;max-width:100%!important}.filter-tabs{overflow-x:auto;flex-wrap:nowrap;width:100%}.search-wrap input,.search-wrap{width:100%}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.btn{min-height:44px}.btn-sm{min-height:36px}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr!important}}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}*{-webkit-tap-highlight-color:transparent}html,body{overflow-x:hidden}.app-shell{min-height:100dvh}@media (max-width: 768px){:root{--sidebar-w: 0px}.app-shell{flex-direction:row}.app-main{width:100%;min-width:0}}@media (max-width: 768px){.info-grid-2col,.proj-columns-4{grid-template-columns:1fr!important}.finbar-grid{grid-template-columns:1fr 1fr!important}.proj-summary-grid{grid-template-columns:1fr!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.page-header-right{width:100%;flex-wrap:wrap}.quote-layout,.settings-grid{grid-template-columns:1fr!important}.kpi-grid{grid-template-columns:1fr 1fr!important}.bottom-nav{display:flex!important}.page-content{padding-bottom:calc(60px + env(safe-area-inset-bottom))!important}.app-sidebar{position:fixed!important;left:-240px!important;top:0!important;height:100vh!important;z-index:400!important;transition:left .25s ease!important;box-shadow:none!important}.app-sidebar.sidebar-open{left:0!important;box-shadow:4px 0 32px #0006!important}.app-main{width:100%!important;min-width:0!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-row,.form-row-3{grid-template-columns:1fr!important}.modal-box,.modal{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important}.modal-overlay{padding:0!important;align-items:flex-end!important}}.bottom-nav{display:none}