:root{--bg-dark: #09090b;--bg-panel: rgba(24, 24, 27, .75);--bg-card: rgba(39, 39, 42, .65);--bg-card-hover: rgba(63, 63, 70, .85);--primary: #6366f1;--primary-hover: #4f46e5;--accent: #0ea5e9;--text-main: #f8fafc;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-md: .5rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--glass-border: 1px solid rgba(255, 255, 255, .08)}[data-theme=light]{--bg-dark: #f8fafc;--bg-panel: rgba(255, 255, 255, .85);--bg-card: rgba(255, 255, 255, .95);--bg-card-hover: rgba(241, 245, 249, 1);--primary: #4f46e5;--primary-hover: #4338ca;--accent: #0284c7;--text-main: #0f172a;--text-muted: #475569;--border: rgba(0, 0, 0, .15);--glass-border: 1px solid rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;height:100vh;overflow:hidden}.app-container{display:flex;height:100vh;width:100vw}.sidebar{width:250px;min-width:250px;max-width:250px;flex-shrink:0;background-color:var(--bg-panel);backdrop-filter:blur(20px);border-right:var(--glass-border);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;padding:var(--spacing-lg) 0;z-index:10}.logo{padding:0 var(--spacing-lg);margin-bottom:var(--spacing-xl)}.logo h2{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;background:linear-gradient(to right,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-menu{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:0 var(--spacing-md);margin-bottom:10px}.nav-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--text-muted);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.nav-btn:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.nav-btn.active{background-color:var(--primary);color:#fff}.sidebar-footer{padding:14px var(--spacing-lg) 4px var(--spacing-lg);border-top:1px solid var(--border);margin-top:auto}.main-content{flex-grow:1;position:relative;overflow:hidden}.view{display:none;height:100%;flex-direction:column;animation:fadeIn .3s ease}.view.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.view-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border);background-color:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-header h1{font-size:1.5rem;font-weight:600}.toolbar{display:flex;align-items:center;gap:var(--spacing-md)}.btn{background-color:var(--bg-card-hover);color:var(--text-main);border:1px solid var(--border);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover:not(:disabled){background-color:var(--border);transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #0003}.btn.primary{background-color:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 4px 15px #6366f166}.btn.small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}#view-devis .toolbar .btn{font-size:.9rem;margin:5px;text-align:center}.w-full{width:100%}.divider{width:1px;height:24px;background-color:var(--border)}.workspace{display:flex;flex-grow:1;overflow:hidden}.tools-panel{width:250px;min-width:250px;max-width:250px;flex-shrink:0;background-color:var(--bg-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:var(--glass-border);display:flex;flex-direction:column}.library{flex-grow:1;overflow-y:auto}.panel-section{padding:var(--spacing-md);border-bottom:1px solid var(--border)}.panel-section h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--spacing-md)}.catalog-category{border-bottom:1px solid var(--border)}.catalog-category summary{padding:var(--spacing-md);font-size:.9rem;font-weight:600;color:var(--text-main);cursor:pointer;list-style:none;position:relative;-webkit-user-select:none;user-select:none;transition:background-color .2s}.catalog-category summary::-webkit-details-marker{display:none}.catalog-category summary:hover{background-color:var(--bg-card-hover)}.catalog-category summary:after{content:"▼";position:absolute;right:var(--spacing-md);font-size:.8rem;color:var(--text-muted);transition:transform .3s}.catalog-category[open] summary:after{transform:rotate(180deg)}.catalog-category .eq-grid{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.layer-list{list-style:none;margin-bottom:var(--spacing-md);max-height:150px;overflow-y:auto}.layer-item.hidden{opacity:.5}.circuit-tree{display:flex;flex-direction:column;gap:var(--spacing-sm)}.circuit-item{background-color:var(--bg-card-hover);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm);font-size:.85rem}.circuit-header{display:flex;justify-content:space-between;font-weight:700;color:var(--text-main);margin-bottom:var(--spacing-xs)}.circuit-eq-list{list-style:disc inside;color:var(--text-muted);font-size:.8rem;margin-top:5px}.layer-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-xs);cursor:pointer;transition:background-color .2s;font-size:.9rem}.layer-item:hover{background-color:var(--bg-card-hover)}.layer-item.active{background-color:#3b82f633;border:1px solid rgba(59,130,246,.4)}.layer-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer}.equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.eq-item{background-color:var(--bg-card-hover);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center;font-size:.8rem;cursor:grab;transition:all .2s;-webkit-user-select:none;user-select:none}.eq-item:hover{border-color:var(--primary);transform:translateY(-2px)}.canvas-container{flex-grow:1;width:100%;height:100%;background-color:#000;position:relative;overflow:hidden;cursor:crosshair}#main-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.overlay{position:absolute;top:var(--spacing-lg);left:50%;transform:translate(-50%);background-color:#000000b3;padding:var(--spacing-sm) var(--spacing-lg);border-radius:20px;font-size:.9rem;pointer-events:none}.hidden{display:none!important}.devis-container{flex:1;min-height:0;padding:var(--spacing-xl);overflow-y:auto;overflow-x:auto}.devis-table{width:100%;border-collapse:collapse;background-color:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.devis-table th,.devis-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--border)}.devis-table th{background-color:#0003;font-weight:600;color:var(--text-muted)}.text-right{text-align:right!important}.total-row{background-color:#3b82f61a;font-weight:700;font-size:1.1rem}.tableau-container{flex:1;min-height:0;padding:var(--spacing-xl);overflow-y:auto;display:flex;justify-content:center}.tableau-board{background-color:#fff;color:#1e293b;width:100%;max-width:900px;min-height:fit-content;height:fit-content;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-lg);margin-bottom:40px}@media print{@page{size:A4 portrait;margin:15mm}body{background:#fff!important;color:#000!important}.sidebar,.view-header,#tableaux-bar,.no-print{display:none!important}.tableau-container{padding:0!important;overflow:visible!important;display:block!important}.tableau-board{box-shadow:none!important;border:1px solid #cbd5e1!important;width:100%!important;max-width:100%!important;padding:10px!important}.tableau-row-container{page-break-inside:avoid;break-inside:avoid}}.properties-panel{width:100%;background-color:var(--bg-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:var(--glass-border);padding:var(--spacing-sm) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.properties-panel h3{font-size:1rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border)}.prop-group{margin-bottom:var(--spacing-md)}.prop-group label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.prop-input{width:100%;background-color:var(--bg-dark);border:1px solid var(--border);color:var(--text-main);padding:var(--spacing-sm);border-radius:var(--radius-md);font-size:.9rem}.btn.danger{background-color:#ef44441a;color:#ef4444;border-color:#ef444433}.btn.danger:hover{background-color:#ef4444;color:#fff}.devis-spreadsheet{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);min-width:1400px}.devis-block{background-color:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.devis-block-header{background-color:#0003;padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;font-weight:600;border-bottom:1px solid var(--border)}.devis-block-header input{background:transparent;border:none;color:var(--text-main);font-size:1.1rem;background-color:var(--bg-card-hover);outline:none;width:100%}.devis-row{display:grid;grid-template-columns:2fr .8fr .8fr 1fr 1fr .8fr 1fr .8fr 1fr 1fr 40px;border-bottom:1px solid var(--border);transition:background-color .2s}.devis-row:hover{background-color:var(--bg-card-hover)}.devis-row.header-row{background-color:#0000001a;color:var(--text-muted);font-size:.85rem;font-weight:600}.devis-cell{padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center}.devis-cell input,.devis-cell textarea{width:100%;background:transparent;border:1px solid transparent;color:var(--text-main);padding:var(--spacing-xs);font-family:inherit;font-size:.95rem;border-radius:var(--radius-md)}.devis-cell textarea{resize:none;overflow:hidden;line-height:1.2;min-height:24px;vertical-align:middle}.devis-cell input:focus,.devis-cell textarea:focus{border-color:var(--primary);outline:none;background-color:var(--bg-dark)}.btn-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:var(--spacing-xs);border-radius:var(--radius-md)}.btn-icon:hover{color:#ef4444;background-color:#ef44441a}.btn-icon.add{color:var(--accent)}.btn-icon.add:hover{color:#fff;background-color:var(--accent)}.devis-totals{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm);background-color:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-lg)}.devis-totals .total-row{display:flex;justify-content:space-between;width:300px;font-size:1.1rem;color:var(--text-muted)}.devis-totals .total-row.ttc{font-size:1.3rem;font-weight:700;color:var(--text-main);padding-top:var(--spacing-sm);border-top:1px solid var(--border)}@media print{.sidebar,.view-header{display:none!important}body,.app-container,.main-content{height:auto!important;overflow:visible!important;background-color:#fff!important;color:#000!important}.view{display:none!important}#view-devis{display:block!important}.devis-container{padding:0!important;overflow:visible!important}.devis-block{background-color:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.devis-block-header{background-color:#0003;padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;font-weight:600;border-bottom:1px solid var(--border)}.devis-block-header input{background:transparent;border:none;color:var(--text-main);font-size:1.1rem;background-color:var(--bg-card-hover);outline:none;width:100%}.devis-row{display:grid;grid-template-columns:2fr .8fr .8fr 1fr 1fr .8fr 1fr .8fr 1fr 1fr 40px;border-bottom:1px solid var(--border);transition:background-color .2s}.devis-row:hover{background-color:var(--bg-card-hover)}.devis-row.header-row{background-color:#0000001a;color:var(--text-muted);font-size:.85rem;font-weight:600}.devis-cell{padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center}.devis-cell input,.devis-cell textarea{color:#000!important;border:none!important}.btn-icon,.btn{display:none!important}.devis-totals{background-color:transparent!important;color:#000!important}.devis-totals .total-row{color:#000!important}.devis-totals .total-row.ttc{color:#000!important;border-top:2px solid black!important}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999}.modal.hidden{display:none}.modal-content{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);width:600px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-card-hover);border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:1.25rem}.modal-body{padding:var(--spacing-lg);overflow-y:auto}.modal-body ul{list-style:none;padding:0;margin:0}.modal-body li{margin-bottom:var(--spacing-md);line-height:1.5}.modal-body b{display:inline-block;color:var(--primary);background:linear-gradient(135deg,#6366f12e,#6366f10f);padding:2px 8px;border-radius:5px;border:1px solid rgba(99,102,241,.45);font-weight:700;font-size:.88em;letter-spacing:.02em;box-shadow:0 0 6px #6366f140;white-space:nowrap}.modal-body strong{color:#000;background-color:#4ade80;padding:2px 7px;border-radius:4px;font-weight:800;box-shadow:0 0 5px #4ade80cc;display:inline-block;margin:2px 0}@media print{.child-row{display:none!important}}@media print{body *{visibility:hidden}#print-view,#print-view *{visibility:visible}#print-view{position:absolute;left:0;top:0;width:100%;box-sizing:border-box;padding:0}@page{margin:15mm}}.context-menu{position:absolute;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px;box-shadow:var(--shadow-md);z-index:10000;min-width:200px}.context-menu-item{padding:8px 12px;cursor:pointer;border-radius:4px;font-size:.9rem;color:var(--text-color)}.context-menu-item:hover{background-color:var(--primary);color:#fff}.devis-row.manual-row input,.devis-row.manual-row .devis-cell{font-style:italic}.devis-row .devis-cell:not(:first-child):not(:last-child){justify-content:flex-end;text-align:right}.devis-row .devis-cell:not(:first-child):not(:last-child) input{text-align:right}#help-modal b{background-color:#fde047;color:#0f172a;padding:2px 6px;border-radius:4px;font-weight:800;box-shadow:0 0 3px #fde04799;display:inline-block;margin:0 2px}#toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background-color:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:12px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:10px;transform:translate(120%);opacity:0;animation:slideInRight .3s cubic-bezier(.175,.885,.32,1.275) forwards;pointer-events:auto;max-width:350px}.toast.hiding{animation:slideOutRight .3s forwards}.toast-success{border-left:4px solid var(--accent)}.toast-error{border-left:4px solid #ef4444}.toast-info{border-left:4px solid var(--primary)}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}@media(max-width:768px){.app-container{flex-direction:column}.sidebar{width:100%!important;max-width:100%!important;height:auto;flex-direction:column;padding:var(--spacing-sm);border-right:none;border-bottom:var(--glass-border)}.sidebar-header{margin-bottom:5px}.logo{margin-bottom:10px}.nav-menu{flex-direction:row;flex-wrap:wrap;justify-content:center}.nav-btn{flex:1;justify-content:center;min-width:80px;font-size:.8rem;padding:var(--spacing-xs)}.global-circuit-panel{display:none!important}.sidebar-footer{flex-direction:row;flex-wrap:wrap;padding:10px;justify-content:space-between}.sidebar-footer .btn{width:auto;flex:1}.view-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md)}.toolbar{flex-wrap:wrap}.workspace{flex-direction:column}.tools-panel{width:100%!important;max-width:100%!important;height:200px;min-height:200px;border-right:none;border-bottom:var(--glass-border)}.library{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden}.catalog-category{min-width:250px;border-bottom:none;border-right:1px solid var(--border)}.properties-panel{height:auto!important;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md)}#prop-content>div{flex-direction:column;gap:var(--spacing-xs)}.modal-content{width:95%!important;max-width:95%!important}}