*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:#f4f7f9;color:#2d3436;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}.auth-container{flex:1;display:flex;align-items:center;justify-content:center}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000000d;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.auth-header-img{height:160px;background-size:cover;background-position:center;position:relative}.img-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 20%,#ffffff 100%)}.auth-body{padding:0 40px 40px}.brand-title{font-size:2rem;font-weight:800;text-align:center;color:#1a1a1a;margin-top:-10px;position:relative}.subtitle{text-align:center;color:#636e72;font-size:.95rem;margin-bottom:30px}.input-group-custom{margin-bottom:18px}.input-group-custom input{width:100%;padding:14px 18px;border-radius:12px;border:1.5px solid #e1e8ed;background:#fdfdfd;font-size:1rem;transition:all .3s ease}.input-group-custom input:focus{outline:none;border-color:#dc3545;background:#fff;box-shadow:0 0 0 4px #dc35451a}.btn-primary-custom{width:100%;padding:15px;background:#dc3545;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:10px;transition:all .2s ease}.btn-primary-custom:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 5px 15px #dc35454d}.btn-primary-custom:active{transform:translateY(0)}.footer-link{text-align:center;margin-top:25px;font-size:.9rem;color:#636e72}.footer-link a{color:#dc3545;font-weight:600;text-decoration:none}.btn-link{color:#dc3545;font-weight:600;cursor:pointer;text-decoration:none;background:none;border:none;font-size:.85rem;padding:0;display:inline}.btn-link:hover{text-decoration:underline}.alert.info{background-color:#e3f2fd;color:#0d47a1;border:1px solid #bbdefb}.footer-actions-centered{display:flex;justify-content:center;align-items:center;gap:10px;width:100%}.divider-mx{color:#ccc;margin:0 5px;font-weight:300}.btn-link{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline}.btn-link:hover{color:#0056b3}.verify-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:25px}.verify-header p{margin:0;font-size:14px;color:#64748b}.user-email{display:block;font-size:16px;color:#0f172a;margin-top:4px}.otp-input-field{text-align:center;letter-spacing:2px;font-weight:600;width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px}.auth-form-centered{display:flex;flex-direction:column;align-items:center;width:100%}.nav-item span{font-size:17px;font-weight:700;letter-spacing:-.01em;color:#334155;white-space:nowrap;transition:transform .2s ease}.user-email-subtitle{font-size:13px;font-weight:500;color:#94a3b8}.admin-page-content{padding:2rem;background:#f8fafc;min-height:100vh}.admin-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem}.title-stack h1{font-size:1.5rem;font-weight:900;color:#0f172a;display:flex;align-items:center;gap:12px;letter-spacing:-.03em}.title-stack p{color:#64748b;font-size:.9rem;margin-top:4px}.view-switcher-pill{background:#e2e8f0;padding:4px;border-radius:10px;display:flex;gap:4px}.view-switcher-pill button{border:none;padding:8px 20px;border-radius:7px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;color:#64748b;background:transparent}.view-switcher-pill button.active{background:#fff;color:#2563eb;box-shadow:0 2px 4px #0000000d}.kpi-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.kpi-card{background:#fff;padding:1.5rem;border-radius:16px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem;transition:transform .2s}.kpi-card:hover{transform:translateY(-3px)}.kpi-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.kpi-card.blue .kpi-icon{background:#eff6ff;color:#2563eb}.kpi-card.purple .kpi-icon{background:#faf5ff;color:#9333ea}.kpi-card.emerald .kpi-icon{background:#ecfdf5;color:#059669}.kpi-data label{display:block;font-size:.7rem;font-weight:800;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-bottom:2px}.kpi-data strong{font-size:1.5rem;font-weight:900;color:#1e293b}.plan-tag-pill{background:#f1f5f9;color:#475569;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:800;border:1px solid #e2e8f0}.manage-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;width:36px;height:36px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.manage-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb}.kpi-dashboard-grid{display:flex;flex-direction:row;gap:20px;margin-bottom:30px;width:100%}.kpi-card{flex:1;display:flex;align-items:center;padding:20px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #00000005}.admin-view-switcher{display:flex;gap:15px}.admin-view-switcher button{padding:10px 24px;border-radius:50px;font-weight:800;font-size:14px;border:none;cursor:pointer;transition:all .3s ease;background:#f1f5f9;color:#64748b}.btn-toggle-users.active{background:#2563eb!important;color:#fff!important;box-shadow:0 4px 12px #2563eb4d}.btn-toggle-projects.active{background:#10b981!important;color:#fff!important;box-shadow:0 4px 12px #10b9814d}.kpi-card svg{margin-right:15px;stroke-width:2.5px}.dashboard-container{display:flex;height:100vh;width:100vw;background-color:#fff;overflow:hidden}.sidebar{width:260px;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;padding:16px;background:#fff;z-index:100}.sidebar-header{display:flex;align-items:center;gap:12px;padding:8px;margin-bottom:24px}.logo-icon{background:#dc3545;color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.brand-name{font-weight:700;font-size:1.2rem;color:#111827}.nav-divider{border:none;border-top:1px solid #f3f4f6;margin:12px 0}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:none;border-radius:8px;color:#4b5563;cursor:pointer;margin-bottom:4px;font-weight:500;text-decoration:none;transition:all .2s}.nav-item:hover{background-color:#f9fafb;color:#111827}.nav-item.active{background-color:#f3f4f6;color:#dc3545}.sidebar-footer{margin-top:auto;position:relative}.account-trigger{display:flex;align-items:center;gap:10px;padding:12px;cursor:pointer;border-radius:8px;transition:background .2s}.account-trigger:hover{background:#f9fafb}.account-info{flex:1;overflow:hidden}.account-name{font-size:.9rem;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:32px;height:32px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#4b5563;flex-shrink:0}.account-popover{position:absolute;bottom:0;left:100%;margin-left:12px;width:280px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;border:1px solid #e5e7eb;padding:8px;z-index:200}.popover-user-detail{padding:12px;display:flex;gap:12px;align-items:center}.user-text strong{display:block;font-size:.95rem}.user-text p{font-size:.8rem;color:#6b7280;margin:0}.popover-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:none;background:none;border-radius:6px;cursor:pointer;font-size:.9rem;color:#374151;transition:background .2s}.popover-item:hover{background:#f3f4f6}.popover-item.logout{color:#dc3545}.main-content{flex:1;background-color:#f9fafb;padding:32px;overflow-y:auto}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.content-header h1{font-size:1.5rem;font-weight:700;color:#111827}.create-btn{background-color:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:opacity .2s}.create-btn:hover{opacity:.9}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.project-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;overflow:hidden}.project-card:hover{transform:translateY(-4px);border-color:#dc3545;box-shadow:0 4px 12px #0000000d}.card-preview{background:#f8f9fa;height:140px;display:flex;align-items:center;justify-content:center;color:#9ca3af;border-bottom:1px solid #f3f4f6}.card-info{padding:16px}.card-info strong{display:block;color:#111827;margin-bottom:4px}.card-info p{font-size:.8rem;color:#6b7280;margin:0}.rotate-90{transform:rotate(90deg);transition:transform .2s}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-text h1{font-size:1.8rem;font-weight:700;color:#0f172a}.header-text p{color:#64748b;margin-top:4px}.library-controls-sticky{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:.8rem 1.2rem;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:2.5rem;position:sticky;top:1rem;z-index:50}.search-box{display:flex;align-items:center;gap:10px;background:#f1f5f9;padding:.6rem 1rem;border-radius:8px;width:380px}.search-box input{border:none;background:transparent;outline:none;width:100%;font-size:.9rem}.filter-group{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:8px}.filter-group button{padding:.5rem 1.2rem;border:none;background:transparent;border-radius:6px;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer}.filter-group button.active{background:#fff;color:#dc3545;box-shadow:0 2px 4px #0000000d}.library-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.category-shelf{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.shelf-header{padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.shelf-content{padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}.el-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;height:135px;overflow:hidden}.el-card:hover{border-color:#dc3545;transform:translateY(-3px);box-shadow:0 4px 12px #0000000d}.el-preview-box{height:90px;background:#fdfdfd;display:flex;align-items:center;justify-content:center}.el-info{padding:8px 10px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column}.el-name{font-size:.75rem;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-badge{font-size:.55rem;font-weight:800;background:#f1f5f9;padding:2px 6px;border-radius:4px;color:#64748b;align-self:flex-start;margin-top:2px}.add-outline{border:2px dashed #e2e8f0;justify-content:center;align-items:center;color:#94a3b8}.modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.project-create-card{background:#fff;width:440px;border-radius:16px;padding:2rem;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-form-group{margin-bottom:1.25rem}.modal-form-group label{display:block;font-size:.85rem;font-weight:600;color:#4b5563;margin-bottom:6px}.modal-form-group input,.modal-select{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;outline:none}.modal-select:focus,.modal-form-group input:focus{border-color:#dc3545}.icon-selector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;max-height:220px;overflow-y:auto}.icon-option{position:relative;display:flex;flex-direction:column;align-items:center;padding:10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:.2s}.icon-option.selected{background:#dc3545;color:#fff;border-color:#dc3545}.icon-tooltip{position:absolute;bottom:-28px;background:#1e293b;color:#fff;padding:4px 8px;border-radius:4px;font-size:.65rem;opacity:0;pointer-events:none;transition:.2s}.icon-option:hover .icon-tooltip{opacity:1}.btn-primary{background:#dc3545;color:#fff;border:none;padding:.65rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer}.btn-secondary{background:#fff;border:1px solid #e2e8f0;padding:.65rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer}.sidebar-nav{flex:1;padding:1.25rem .75rem;display:flex;flex-direction:column;gap:.25rem}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:.7rem 1rem;text-decoration:none;color:#64748b;font-size:.875rem;font-weight:500;border-radius:8px;transition:.2s}.sidebar-nav a.active{background:#fff1f2;color:#dc3545}.admin-table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;overflow:hidden;margin-top:1.5rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.table-header{padding:1.25rem 1.5rem;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.table-header h4{font-size:1rem;font-weight:800;color:#1e293b;margin:0;letter-spacing:-.02em}.table-search{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #cbd5e1;padding:.5rem .75rem;border-radius:8px;width:280px;transition:border-color .2s}.table-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.table-search input{border:none;outline:none;font-size:.85rem;width:100%;color:#475569}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{padding:.75rem 1.5rem;font-size:.7rem;text-transform:uppercase;color:#94a3b8;background:#f8fafc;font-weight:800;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.admin-table td{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#475569;font-size:.9rem}.clickable-row{transition:background .15s;cursor:pointer}.clickable-row:hover{background:#f8fafc}.clickable-row:hover .action-icon-btn{background:#2563eb;color:#fff;transform:translate(3px)}.status-pill{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:6px;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.status-pill.active{background:#dcfce7;color:#15803d}.plan-tag{background:#eff6ff;color:#1d4ed8;padding:.2rem .5rem;border-radius:4px;font-weight:700;font-size:.75rem}.date-cell{display:flex;align-items:center;gap:.4rem;color:#94a3b8;font-size:.8rem}.action-icon-btn{background:#f1f5f9;color:#64748b;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}.text-emerald-600{color:#059669}:root{--gold-metallic: #D4AF37;--gold-light: #F1E5AC;--slate-dark: #1A1A1B;--slate-medium: #2D2D30;--slate-light: #F8F9FA;--border-color: #E2E8F0;--text-main: #1E293B;--text-muted: #64748B;--danger: #EF4444;--success: #10B981;--blue-accent: #3B82F6}.content-section{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.search-filter-row{margin:1.5rem 0;display:flex;gap:1rem}.search-box{position:relative;flex:1;max-width:450px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:8px;background:#fff;font-size:.9rem;transition:all .2s}.search-box input:focus{outline:none;border-color:var(--gold-metallic);box-shadow:0 0 0 3px #d4af371a}.templates-grid{display:flex;flex-direction:column;gap:2.5rem}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--slate-light)}.title-group{display:flex;align-items:center;gap:.75rem}.title-group h3{font-size:1.1rem;font-weight:700;color:var(--slate-dark);text-transform:uppercase;letter-spacing:.05em}.q-table-wrapper{background:#fff;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #00000005}.q-table{width:100%;border-collapse:collapse;text-align:left}.q-table th{background:var(--slate-light);padding:1rem;font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.q-table td{padding:1.25rem 1rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.identity-cell strong{display:block;font-size:.95rem;color:var(--slate-dark);margin-bottom:.2rem}.identity-cell p{font-size:.75rem;color:var(--text-muted)}.badge-row{display:flex;gap:.5rem}.q-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.q-badge.type{background:#eff6ff;color:var(--blue-accent)}.q-badge.grade{background:#fffbeb;color:#b45309}.action-row{display:flex;justify-content:flex-end;gap:.5rem}.action-btn{padding:.5rem;border-radius:6px;border:1px solid var(--border-color);background:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;color:var(--text-muted)}.action-btn.edit:hover{border-color:var(--gold-metallic);color:var(--gold-metallic);background:#fffdf5}.action-btn.override{background:#fffbeb;border-color:var(--gold-light);color:#b45309}.action-btn.delete:hover{background:#fef2f2;border-color:var(--danger);color:var(--danger)}.text-blue{color:var(--blue-accent)}.text-gold{color:var(--gold-metallic)}.empty-row{padding:3rem;text-align:center;color:var(--text-muted);font-style:italic}.action-buttons{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.75rem;white-space:nowrap}.action-btn{flex-shrink:0;display:flex;align-items:center;gap:.5rem}.editor-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem;align-items:start;margin-top:1.5rem}.editor-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #00000005}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.625rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;background-color:#fff;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--gold-metallic)}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.components-manager{display:flex;flex-direction:column;gap:1rem}.comp-editor-card{background:#fff;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;transition:all .2s ease}.comp-editor-card.active{border-color:var(--gold-metallic);box-shadow:0 4px 12px #d4af3714}.comp-header{padding:1rem 1.25rem;background:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.comp-header:hover{background:var(--slate-light)}.comp-title{display:flex;align-items:center;gap:1rem}.idx-tag{background:var(--slate-dark);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.measure-badge{font-size:.65rem;background:var(--slate-light);color:var(--text-muted);padding:2px 8px;border-radius:10px;text-transform:uppercase;font-weight:700}.comp-controls{display:flex;align-items:center;gap:1rem;color:var(--text-muted)}.delete-btn{color:var(--text-muted);background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px}.delete-btn:hover{color:var(--danger);background:#fef2f2}.comp-body{padding:1.5rem;border-top:1px solid var(--border-color);background:#fff}.alias-mapping-box{margin-top:1.5rem;padding:1rem;background:#f0f9ff;border-radius:8px;border:1px solid #BAE6FD}.alias-mapping-box>label{font-size:.7rem;font-weight:800;color:var(--blue-accent);display:block;margin-bottom:.75rem;text-transform:uppercase}.alias-grid{display:flex;flex-wrap:wrap;gap:1rem}.alias-input{display:flex;align-items:center;gap:.5rem;background:#fff;padding:4px 8px;border-radius:6px;border:1px solid #e0e0e0}.alias-label{font-weight:800;color:var(--blue-accent);font-family:monospace}.alias-input input{border:none;font-size:.85rem;width:150px;outline:none}.variance-block{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.variance-block h4{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--slate-dark);margin-bottom:.75rem;text-transform:uppercase}.tag-input{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;border:1px dashed var(--border-color);border-radius:6px;min-height:40px}.tag-input input{border:none;outline:none;font-size:.85rem;flex:1}.divider{margin:1.5rem 0;border:0;border-top:1px solid var(--border-color)}.calc-logic-block h4{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-bottom:1rem;color:var(--slate-dark)}.btn-outline{background:#fff;border:1.5px solid var(--slate-dark);padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem}.btn-outline:hover{background:var(--slate-dark);color:#fff}.status-banner{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:6px;font-size:.75rem;margin-bottom:1.5rem}.status-banner.admin{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.status-banner.user{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.variant-input-row{display:flex;gap:.5rem;margin-bottom:1rem}.add-variant-btn{background:var(--gold-metallic);color:#fff;border:none;border-radius:6px;padding:0 12px;cursor:pointer}.variant-tag{display:inline-flex;align-items:center;gap:.5rem;background:var(--slate-light);padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:600;border:1px solid var(--border-color)}.toggle-row{display:flex;gap:1rem;margin-top:.5rem}.switch-label{display:flex;align-items:center;gap:.4rem;font-size:.8rem;cursor:pointer;color:var(--text-main)}.req-badge{background:#fee2e2;color:#b91c1c;font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:700;text-transform:uppercase}.lock-badge{background:#fef3c7;color:#92400e;font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:700;text-transform:uppercase}.q-tag{background:var(--slate-dark);color:#fff;padding:2px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:6px;font-size:.75rem}.q-tag svg{cursor:pointer;opacity:.7}.q-tag svg:hover{opacity:1;color:var(--danger)}.tag-input-wrapper{border:1px solid var(--border-color);border-radius:6px;padding:.5rem;min-height:80px}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.comp-textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-family:inherit}.finish-badge{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.complex-formula-help{background-color:#f5f3ff;border-left:4px solid #7c3aed;padding:8px 12px;font-size:11px;color:#5b21b6;margin-bottom:12px;border-radius:0 4px 4px 0}.bounds-logic-block{margin-top:14px;background:#fafafa;padding:12px;border-radius:6px;border:1px solid #e2e8f0}.section-hint-text{font-size:11px;color:#64748b;margin-bottom:8px}.bounds-scroller-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.bound-row-item{display:flex;flex-direction:column;gap:4px;background:#fff;padding:8px;border-radius:4px;border:1px solid #e2e8f0}.bound-field-name{font-size:11px;font-weight:700;color:#334155}.bound-inputs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bound-inputs input{padding:4px 6px!important;font-size:11px!important;height:28px!important}.deduction-rule-card-row{position:relative;background:#fff;border:1px solid #e2e8f0;border-left:4px solid #ef4444;border-radius:4px;padding:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}.rule-config-core{display:grid;grid-template-columns:1fr 1fr;gap:12px}.parameter-deduction-mapping-container{background:#fff5f5;padding:8px;border-radius:4px;border:1px solid #fee2e2}.parameter-deduction-mapping-container label{font-size:11px;font-weight:600;color:#991b1b;margin-bottom:6px;display:block}.deduction-fields-mapping-grid{display:flex;flex-direction:column;gap:6px}.field-map-tuple{display:grid;grid-template-columns:60px 1fr 1fr;gap:8px;align-items:center}.field-tuple-idx{font-size:11px;font-weight:600;color:#64748b}.rule-delete-btn-floating{position:absolute;top:8px;right:8px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.rule-delete-btn-floating:hover{color:#ef4444;background:#fef2f2}.expression-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.btn-add-token{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #cbd5e1;color:#475569;padding:3px 8px;border-radius:4px;font-size:11px;cursor:pointer;font-weight:500}.btn-add-token:hover{background:#f8fafc;border-color:#94a3b8}.field-map-tuple.complex-chain{grid-template-columns:55px 140px 1fr 30px!important;background:#fff;padding:4px 6px;border-radius:4px;border:1px solid #fee2e2}.math-sign-select{font-weight:700;color:#b91c1c;background:#fef2f2!important;text-align:center;padding:2px!important;height:28px!important}.first-token-label{font-size:11px;font-weight:700;color:#059669;text-align:center}.btn-remove-token{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-remove-token:hover{color:#ef4444}.inner-hint-text{font-size:11px;color:#94a3b8;font-style:italic;margin:4px 0}.rule-config-core-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.bounds-logic-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-top:20px}.bounds-logic-block h4{margin:0 0 4px;display:flex;align-items:center;gap:8px;font-size:14px;color:#1e293b}.section-hint-text{font-size:12px;color:#64748b;margin:0 0 16px}.bounds-scroller-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.bound-row-item{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 2px #00000005}.bound-field-name{font-size:11px;font-weight:700;color:#475569;letter-spacing:.05em;text-transform:uppercase}.bound-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.bound-inputs input{width:100%;height:34px!important;padding:6px 10px!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:4px!important;font-size:13px!important;color:#334155!important;transition:border-color .15s ease,box-shadow .15s ease}.bound-inputs input:focus{outline:none!important;border-color:#6366f1!important;box-shadow:0 0 0 2px #6366f11a!important}.bound-inputs input::placeholder{color:#94a3b8;font-size:12px}.deduction-fields-mapping-grid{display:flex;flex-direction:column;gap:8px;margin-top:10px}.field-map-tuple.complex-chain{display:grid!important;grid-template-columns:60px 160px 1fr 36px!important;align-items:center!important;gap:12px!important;background:#fff;padding:8px 12px;border-radius:6px;border:1px solid #fee2e2;box-shadow:0 1px 2px #ef44440a}.first-token-label,.math-sign-select{display:flex;align-items:center;justify-content:center;height:34px;font-size:12px;margin:0}.first-token-label{font-weight:700;color:#059669;background:#ecfdf5;border-radius:4px;border:1px solid #a7f3d0}.math-sign-select{font-size:16px;font-weight:700;color:#b91c1c;background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:4px!important;cursor:pointer;padding:0!important}.field-map-tuple.complex-chain select{width:100%;height:34px!important;padding:6px 10px!important;border:1px solid #cbd5e1!important;border-radius:4px!important;font-size:13px!important;color:#334155!important;background-color:#fff!important}.btn-remove-token{height:34px;width:34px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:4px;color:#94a3b8;cursor:pointer;transition:all .15s ease}.btn-remove-token:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.inner-hint-text{font-size:12px;color:#64748b;margin:6px 0 0 4px}.complex-formula-engine{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px;margin-top:12px;display:flex;flex-direction:column;gap:14px}.expression-relationship-builder{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:14px}.expression-relationship-builder>label{font-size:12px;font-weight:700;color:#1e293b;margin-bottom:10px;display:block}.expression-controls-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.flex-2{flex:2;min-width:240px}.flex-3{flex:3;min-width:320px}.sub-input-label{font-size:11px;color:#64748b;font-weight:600;margin-bottom:4px;text-transform:uppercase}.formula-string-input-wrapper{display:flex;align-items:center;gap:8px}.formula-equals-sign{font-family:monospace;font-weight:700;color:#6366f1;font-size:14px}.formula-string-input-wrapper input{font-family:Courier New,Courier,monospace;font-weight:700;color:#1e293b;background:#fafafa!important;border-color:#a5b4fc!important;letter-spacing:.05em}.expression-preview-box .evaluated-preview-text{height:38px;display:flex;align-items:center;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:4px;padding:0 12px}.expression-preview-box code{color:#4f46e5;font-weight:600;font-size:13px}.export-page-root{min-height:100vh;background-color:#fff;padding:40px;font-family:Inter,system-ui,sans-serif}.font-mono{font-family:monospace}.font-bold{font-weight:700}.export-loader{display:flex;height:100vh;align-items:center;justify-content:center}.config-panel{width:100%;margin-bottom:32px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.main-title{font-size:24px;font-weight:900;color:#1e293b;margin:0}.subtitle{color:#64748b;font-size:14px;margin-top:4px}.btn-print{display:flex;align-items:center;gap:8px;background:#2563eb;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;border:none;cursor:pointer;transition:background .2s}.btn-print:hover{background:#1d4ed8}.level-picker .label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:12px}.chip-container{display:flex;flex-wrap:wrap;gap:10px}.level-chip{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.level-chip.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.doc-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:4px solid #0f172a;padding-bottom:32px;margin-bottom:40px}.brand-tag{color:#2563eb;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.3em}.doc-title{font-size:48px;font-weight:900;text-transform:uppercase;margin:8px 0;color:#0f172a}.project-name{font-size:20px;color:#64748b;margin:0}.project-name span{color:#1e293b;font-weight:600}.company-name{font-weight:700;color:#1e293b;margin:0}.doc-meta,.doc-ref{font-size:12px;color:#94a3b8;margin:4px 0}.boq-main-table{width:100%;border-collapse:collapse}.boq-main-table thead th{padding:16px;background:#f8fafc;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.1em;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.element-row td{padding:20px 16px;border-bottom:2px solid #f1f5f9}.element-name{display:block;font-size:18px;font-weight:900;text-transform:uppercase}.element-ref{font-size:10px;color:#3b82f6;font-weight:700}.nested-wrapper{padding:16px 48px;border-left:4px solid #3b82f6;margin:8px 16px 24px;background:#fafafa}.nested-table{width:100%;font-size:11px;border-collapse:collapse}.nested-table th{text-align:left;color:#94a3b8;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.nested-table td{padding:8px 0;border-bottom:1px solid #f1f5f9}.grand-total-block{margin-top:80px;padding-top:40px;border-top:8px solid #0f172a;text-align:right}.total-value-row{display:flex;align-items:baseline;justify-content:flex-end;gap:16px;margin-top:8px}.currency{font-size:24px;font-weight:700;color:#94a3b8}.amount{font-size:72px;font-weight:900;color:#0f172a;letter-spacing:-2px}@media print{.export-page-root{padding:0}.print-hide{display:none!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.break-avoid{page-break-inside:avoid}@page{margin:15mm}}.top-nav{height:90px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex!important;flex-shrink:0}.nav-container-main{display:flex!important;width:100%;gap:1px;padding:0 15px}.nav-block{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;border-right:1px solid #f1f5f9;padding-right:15px;height:54px}.nav-top-row{font-size:9px;font-weight:800;color:#94a3b8;display:flex;align-items:center;gap:1px;text-transform:uppercase;letter-spacing:.3px}.nav-bottom-row{display:flex;align-items:center;gap:5px}.tool-button-group{display:flex!important;align-items:center;gap:2px;background:#f8fafc;padding:2px 4px;border-radius:4px;border:1px solid #e2e8f0}.nav-tool-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#64748b;cursor:pointer;border-radius:3px}.nav-tool-btn:hover{background:#fff;color:#2563eb;box-shadow:0 1px 2px #0000001a}.nav-divider{width:1px;height:14px;background:#e2e8f0;margin:0 4px}.danger-tool:hover{color:#ef4444!important}.grid-2x2{display:grid!important;grid-template-columns:repeat(2,1fr);gap:2px 10px}.nav-item{display:flex;align-items:center;gap:2px;font-size:10px;color:#334155;line-height:1}.nav-item.active{color:#2563eb;font-weight:700}.nav-block.wide{min-width:180px}.actions-block{margin-left:auto;border-right:none}.actions-wrapper{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.export-group{display:flex;gap:4px}.icon-btn{padding:2px 6px;font-size:15px;border:1px solid #e2e8f0;background:#fff;border-radius:3px;display:flex;align-items:center;gap:3px}.save-action-btn{background:#1e293b;color:#fff;border:none;border-radius:3px;padding:4px 10px;font-size:10px;font-weight:700;cursor:pointer}.nav-block.actions-block{position:relative;z-index:100}.relative{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;min-width:150px;display:flex;flex-direction:column;padding:5px 0;z-index:1000!important}.dropdown-menu button{padding:8px 12px;background:none;border:none;text-align:left;display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer;color:#333}.dropdown-menu button:hover{background-color:#f5f5f5}.asset-list{display:flex;flex-direction:column;gap:4px;padding:8px;min-height:75px;overflow-y:auto;flex-grow:1}.asset-row-item{display:flex;align-items:stretch;gap:10px;padding:1px 2px;background:#2c2c2c;border-radius:4px;cursor:pointer;transition:background .2s}.asset-row-item:hover{background:#3d3d3d}.asset-info{display:flex;flex-direction:column;overflow:hidden;flex:1}.asset-name{font-size:11px;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-format-badge{font-size:9px;font-weight:700;color:#888;text-transform:uppercase}.asset-icon-wrapper{display:flex;align-items:center;justify-content:center;min-width:20px}.arrow-controls{display:flex;flex-direction:column;justify-content:space-between;padding:4px 0;background:#333;width:24px}.level-list{display:flex;flex-direction:column;gap:4px;min-height:70px;overflow-y:auto;padding-top:5px}.level-meta{font-size:9px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-top:1px;display:flex;align-items:center;gap:4px}.level-actions{display:flex;flex-direction:column;gap:6px;padding-left:8px;border-left:1px solid #3d3d3d}.action-icon{cursor:pointer;color:#94a3b8;transition:color .2s}.action-icon:hover{color:#2563eb}.add-level-row-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:6px;background:transparent;border:1px dashed #475569;border-radius:4px;color:#94a3b8;font-size:10px;font-weight:700;text-transform:uppercase;cursor:pointer;margin-top:4px}.add-level-row-btn:hover{border-color:#2563eb;color:#2563eb;background:#2563eb0d}.level-row-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-bottom:1px solid #f1f5f9;cursor:pointer;min-height:50px}.level-number-badge{flex-shrink:0;width:24px;height:24px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#64748b}.level-info{flex:1;display:flex;flex-direction:column;overflow:hidden}.level-name{font-size:12px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-actions{flex-shrink:0;width:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-left:1px solid #f1f5f9;padding-left:8px}.action-icon{color:#94a3b8;cursor:pointer;transition:transform .1s,color .2s;display:block}.action-icon:hover{color:#2563eb;transform:scale(1.1)}.action-icon.danger:hover{color:#ef4444}.discipline-list{display:flex;flex-direction:column;gap:8px;padding:8px 0}.discipline-item-wrapper{display:flex;flex-direction:column;gap:2px}.discipline-label-row{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:10px;color:#94a3b8}.discipline-label-row.active{color:#f8fafc}.opacity-percent{margin-left:auto;font-size:9px;opacity:.6}.discipline-slider-row input[type=range]{width:100%;height:4px;cursor:pointer}.discipline-compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding-top:4px;max-width:240px}.discipline-compact-item{display:flex;flex-direction:column;gap:2px}.disc-info{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:9px;color:#64748b;text-transform:uppercase;font-weight:600}.disc-info:hover{color:#3b82f6}.disc-percent{margin-left:auto;font-size:8px;opacity:.5}.disc-range{width:100%;height:2px;background:#e2e8f0;border-radius:2px;outline:none}.disc-range::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;background:#3b82f6;border-radius:50%;cursor:pointer;border:none}.disc-range::-moz-range-thumb{width:8px;height:8px;background:#3b82f6;border:none;border-radius:50%;cursor:pointer}.room-list-container{display:flex;flex-direction:column;gap:4px;min-height:70px;max-height:250px;overflow-y:auto}.room-nav-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#c8c4dabb;border-radius:4px;cursor:pointer;border:1px solid transparent;transition:all .2s}.room-nav-item:hover{background:#334155cc}.room-nav-item.active{border-color:#3b82f6;background:#3b82f61a}.room-name{font-size:10px;font-weight:500;color:#01060c}.room-area{font-size:5px;color:#94a3b8;margin-left:5px}.room-rename-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:2px;display:flex;align-items:center}.room-rename-btn:hover{color:#3b82f6}.empty-state{font-size:9px;color:#475569;text-align:center;padding:10px}.count-badge{background:#334155;color:#94a3b8;padding:1px 5px;border-radius:10px;font-size:8px}.element-tree{width:240px;background:#fff;display:flex;flex-direction:column;border-right:1px solid #e2e8f0;height:100%}.sidebar-header{height:36px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;padding:0 12px;font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.sidebar-section{padding:12px 10px;border-bottom:1px solid #f1f5f9}.section-title{font-size:10px;font-weight:700;color:#94a3b8;margin-bottom:8px;text-transform:uppercase}.tool-grid-3x3{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.tool-item-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 2px;font-size:9px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#64748b}.tool-item-compact .tool-label{margin-top:5px;font-size:8px;font-weight:500;text-align:center}.tool-item-compact:hover{background:#f1f5f9;border-color:#cbd5e1}.tool-item-compact.active{background:#eff6ff;border-color:#2563eb;color:#2563eb}.tool-item-compact.active .tool-label{color:#2563eb;font-weight:700}.accordion-section{border-bottom:1px solid #f1f5f9}.accordion-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;font-size:11px;font-weight:600;color:#475569;cursor:pointer;transition:background .2s}.accordion-header:hover{background:#f8fafc}.accordion-header.active{background:#f8fafc;color:#2563eb}.section-expanded-content{background:#fff}.inner-search{padding:8px 10px;background:#f8fafc;position:relative}.inner-search input{width:100%;padding:5px 8px 5px 26px;font-size:11px;border:1px solid #e2e8f0;border-radius:4px;outline:none;background:#fff}.inner-search input:focus{border-color:#cbd5e1}.inner-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.vertical-list-container{max-height:450px;overflow-y:auto}.inner-category-group{border-bottom:1px solid #f8fafc}.inner-group-title{font-size:9px;font-weight:700;color:#94a3b8;padding:8px 12px 4px;text-transform:uppercase;background:#fdfdfd;letter-spacing:.02em}.list-item{display:flex;align-items:center;gap:8px;padding:8px 15px;font-size:11px;color:#475569;cursor:pointer;transition:all .15s}.list-item:hover{background:#f1f5f9;color:#2563eb;padding-left:18px}.item-bullet{color:#cbd5e1;flex-shrink:0}.empty-state{padding:20px;font-size:10px;color:#94a3b8;text-align:center;font-style:italic}.sidebar-footer-actions{padding:10px;display:flex;gap:8px;border-top:1px solid #e2e8f0;background:#fff}.icon-action{flex:1;height:30px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;color:#64748b;transition:all .2s}.icon-action:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.icon-action.danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.library-grid-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;background:#f8fafc;border-radius:6px}.grid-item-el{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;transition:all .2s ease;overflow:hidden}.grid-item-el:hover{border-color:#22c55e;background:#f0fdf4;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.grid-item-el.active{border-color:#22c55e;background:#dcfce7;box-shadow:inset 0 0 0 1px #22c55e}.grid-item-label{font-size:9px;color:#64748b;margin-top:4px;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-preview{display:flex;align-items:center;justify-content:center;pointer-events:none}.inner-group-title{font-size:11px;font-weight:600;color:#475569;padding:8px 4px 4px;text-transform:uppercase;letter-spacing:.025em}.grid-item-el{height:65px;padding:4px;display:flex;flex-direction:column;justify-content:space-between}.inner-group-title{font-size:10px;font-weight:700;color:#94a3b8;padding:10px 10px 4px;text-transform:uppercase;letter-spacing:.05em;background:#fdfdfd}.inner-search{padding:6px 10px}.boq-sidebar{display:flex;flex-direction:column;height:100%;background:#fff}.sidebar-header{padding:2px;border-bottom:1px solid #f1f5f9}.element-name{font-size:12px;font-weight:900;text-transform:uppercase;color:#1e293b;margin:0}.element-id{font-size:10px;font-weight:700;color:#94a3b8}.sidebar-content{flex:1;overflow-y:auto}.sidebar-section{margin-bottom:5px}.section-label{display:block;font-size:10px;font-weight:900;text-transform:uppercase;color:#64748b;margin-bottom:5px;letter-spacing:.05em}.field-sub-label{display:block;font-size:11px;color:#94a3b8;margin-bottom:6px}.sidebar-select{width:100%;height:36px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:0 10px;font-size:12px;font-weight:600;color:#334155;outline:none}.comp-table{width:100%;border-collapse:collapse}.comp-table th{font-size:9px;font-weight:900;text-transform:uppercase;color:#94a3b8;text-align:left;padding-bottom:5px;border-bottom:1px solid #f1f5f9}.comp-table td{padding:12px 0;border-bottom:1px solid #f8fafc;vertical-align:top}.comp-title{font-size:11px;font-weight:700;color:#334155}.unit-cell{font-size:11px;color:#94a3b8}.qty-cell{font-size:11px;font-weight:700;color:#475569}.comp-options{display:flex;gap:6px;margin-top:8px}.opt-select{font-size:9px;font-weight:700;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 4px;color:#64748b}.sidebar-footer{padding:5px;border-top:1px solid #f1f5f9;background:#f8fafc}.update-btn{width:100%;height:40px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;box-shadow:0 4px 6px -1px #2563eb33;transition:all .2s}.update-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.update-btn:disabled{background:#94a3b8;cursor:not-allowed}.comp-table{transition:opacity .2s ease}.boq-sidebar:has(.update-btn:disabled) .comp-table{opacity:.6;pointer-events:none}@keyframes flash-blue{0%{background-color:#2563eb33}to{background-color:transparent}}.qty-cell.updated{animation:flash-blue 1s ease-out}.text-right{text-align:right}.text-center{text-align:center}.spinner{animation:spin 1s linear infinite;color:#2563eb}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.editor-shell{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;margin:0;padding:0;background:#f8fafc}.editor-body{display:flex;flex:1;overflow:hidden}.editor-shell.panning .main-stage{cursor:grabbing!important}.main-stage{cursor:crosshair}.element-tree{width:240px;border-right:1px solid #e2e8f0;background:#fff;flex-shrink:0}.viewport{flex:1;background-color:#cbd5e1;overflow:auto;display:flex;position:relative}.konvajs-content{background-color:#fff!important;box-shadow:0 0 30px #00000026;margin:auto;flex-shrink:0}.property-hud{position:absolute;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;flex-direction:column;gap:8px;min-width:160px}.right-hand-sidebar{width:350px;flex-shrink:0;background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;height:100%;overflow:hidden}.boq-zone{height:40%;min-height:400px;border-bottom:2px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden}.bottom-props-zone{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.zone-header{padding:10px 16px;background:#f8fafc;font-size:11px;font-weight:800;color:#475569;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:8px;text-transform:uppercase}.table-container,.dynamic-panel-container{padding:16px;overflow-y:auto;flex:1}.boq-table{width:100%;border-collapse:collapse;table-layout:fixed}.boq-table th{text-align:left;font-size:11px;color:#94a3b8;padding-bottom:8px}.boq-table td{padding:8px 0;font-size:13px;border-bottom:1px solid #f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.properties-wrapper,.shape-properties-subpanel{display:flex;flex-direction:column;gap:12px}.shape-properties-subpanel h4{margin:0 0 4px;font-size:13px;color:#334155}.properties-wrapper label,.dimension-row label{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.properties-wrapper select,.properties-wrapper input[type=number],.dimension-row input[type=number]{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;box-sizing:border-box}.properties-wrapper input[type=range]{width:100%;accent-color:#3b82f6}.dimension-row{display:flex;flex-direction:column;gap:4px}.no-selection{font-size:12px;color:#94a3b8;text-align:center;margin-top:20px}.color-grid{display:flex;flex-direction:row;align-items:flex-end;width:100%}.picker-column{display:flex;flex-direction:column;flex:1}.color-swatch{width:100%;height:32px;border-radius:6px;border:1px solid #cbd5e1;position:relative;transition:border-color .2s}.color-swatch:hover{border-color:#3b82f6}.color-swatch input[type=color]{transform:scale(2);transform-origin:center}.hud-header{padding:8px 12px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;border-radius:8px 8px 0 0}.hud-row{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.hud-row button{padding:6px;font-size:11px;background:#fff;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;color:#475569;transition:all .2s}.hud-row button:hover{background:#f1f5f9;border-color:#94a3b8}.hud-row button.danger{grid-column:span 2;background:#fef2f2;border:1px solid #fee2e2;color:#dc2626;font-weight:600}.hud-row button.danger:hover{background:#fee2e2}.home-btn{background:#334155;border:none;color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:10px;transition:background .2s}.home-btn:hover{background:#475569}.rename-modal-overlay{position:absolute;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:1000}.rename-card{background:#fff;padding:16px;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a;width:280px}.rename-card h4{margin:0 0 12px;font-size:14px;color:#64748b}.rename-card input{width:100%;padding:8px;border:2px solid #3b82f6;border-radius:4px;outline:none;font-size:16px}.rename-card .hint{font-size:10px;color:#94a3b8;margin-top:8px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;padding:24px;border-radius:8px;width:320px;box-shadow:0 10px 25px #0003}.modal-content h3{margin-top:0;font-size:1.2rem;color:#333}.modal-content input{width:100%;padding:8px;margin:10px 0;border:1px solid #ddd;border-radius:4px}.editor-footer{height:150px;width:100%;display:flex;background-color:#fff;border-top:1px solid #d1d5db;box-sizing:border-box;overflow:hidden}.footer-section{height:100%;padding:10px;box-sizing:border-box;overflow-y:auto}.footer-properties{flex:0 0 25%;border-right:1px solid #e5e7eb}.footer-summary{flex:0 0 15%;border-right:1px solid #e5e7eb;background-color:#f9fafb}.footer-detail{flex:0 0 40%;border-right:1px solid #e5e7eb;background-color:#f9fafb}.footer-hud{flex:0 0 20%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.boq-mini-table{width:100%;border-collapse:collapse;font-size:11px}.boq-mini-table th{text-align:left;color:#6b7280;border-bottom:1px solid #e5e7eb;padding:4px;position:sticky;top:0;background:#f9fafb}.boq-mini-table td{padding:4px;border-bottom:1px solid #f3f4f6}.dp-wrapper{display:flex;align-items:center;height:100%;gap:20px}.dp-columns-track{display:flex;align-items:center;gap:24px;height:100%}.dp-column{display:flex;flex-direction:column;justify-content:center;gap:4px;height:100%}.dp-field{display:flex;align-items:center;gap:8px;height:18px}.dp-field label{font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;min-width:80px;text-align:right;white-space:nowrap}.dp-field input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:0 6px;height:18px;font-size:11px;font-weight:700;color:#0f172a;width:70px;outline:none}.dp-field input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.dp-btn-add{background:#2563eb;color:#fff;border:none;height:28px;width:28px;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.dp-btn-add:hover{background:#1d4ed8;transform:scale(1.05)}.dp-tool-info{border-right:1px solid #e2e8f0;padding-right:15px}.dp-tool-name{font-size:10px;font-weight:900;color:#2563eb;margin-bottom:2px}.dp-quick-styles{border-left:1px solid #e2e8f0;padding-left:15px;gap:15px}.dp-field input[type=range]{height:4px;background:#e2e8f0;border-radius:2px;appearance:none;outline:none}.dp-field input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:#2563eb;border-radius:50%;cursor:pointer}.canvas-asset-card{background:#1e293b;border:1px solid #334155;border-radius:8px;width:200px;box-shadow:0 10px 25px #00000080;overflow:hidden;color:#fff}.card-header{padding:8px 12px;background:#0f172a;font-size:10px;font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:8px;color:#94a3b8;border-bottom:1px solid #334155}.asset-quick-list{max-height:240px;overflow-y:auto;padding:4px}.asset-quick-item{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:11px;cursor:pointer;border-radius:4px;transition:all .15s}.asset-quick-item:hover{background:#2563eb;color:#fff}.asset-quick-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-msg{padding:15px;font-size:10px;color:#475569;text-align:center}.boq-export-btn{display:flex;align-items:center;gap:6px;background-color:#2563eb;color:#fff;padding:4px 10px;border-radius:4px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 2px #0000000d;transition:all .2s ease;cursor:pointer}.boq-export-btn:hover{background-color:#1d4ed8;box-shadow:0 4px 6px -1px #0000001a}.boq-export-btn:active{transform:translateY(1px);background-color:#1e40af}.export-icon{stroke-width:2.5px;margin-bottom:1px}.table-scroll{height:115px;overflow-y:auto}.section-header{font-size:12px;font-weight:900;color:#151618;margin-bottom:5px;letter-spacing:.05em}.mini-table{width:100%;border-collapse:collapse;font-size:10px}.mini-table th{position:sticky;top:0;background:#fff;z-index:10;text-align:left;padding:4px 2px;border-bottom:1px solid #e2e8f0;color:#64748b}.mini-table td{padding:5px 2px;border-bottom:1px solid #f1f5f9}.cat-name{font-weight:700;color:#475569;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-total{text-align:right;font-weight:800;color:#0f172a}.active-row{background-color:#f0f7ff}.comp-name{font-weight:600;color:#334155}.num-cell{text-align:right;font-family:monospace}.bold-amount{font-weight:800;color:#2563eb}.empty-msg{text-align:center;padding:20px;color:#cbd5e1;font-style:italic}.detail-group-row td{background-color:#f8fafc;padding:4px 8px!important;border-bottom:1px solid #e2e8f0}.detail-cat-badge{font-size:8px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#e2e8f0;padding:1px 5px;border-radius:3px}.unit-cell{font-size:10px;color:#94a3b8;text-align:center}.num-cell{text-align:right;font-family:Inter,monospace;font-size:10px}.active-row{background-color:#f0f7ff!important;border-left:3px solid #2563eb}.zone-header{padding:12px 16px;border-bottom:1px solid #f1f5f9;background-color:#f8fafc80;display:flex;justify-content:flex-end}.btn-export-boq{display:flex;align-items:center;gap:6px;padding:4px 10px;background-color:#2563eb;color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;border:1px solid rgba(59,130,246,.5);box-shadow:0 1px 2px #0000000d;cursor:pointer;transition:all .2s ease}.btn-export-boq:hover{background-color:#1d4ed8}.btn-export-boq:active{transform:scale(.95)}.btn-export-boq svg{flex-shrink:0}.hud-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s ease;color:#475569}.hud-icon-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.hud-icon-btn.danger-text:hover{color:#ef4444;border-color:#fee2e2;background:#fef2f2}:root{--header-h: 64px;--sidebar-standard: 340px;--sidebar-complex-left: 280px;--sidebar-complex-right: 300px;--bg-canvas: #f0f2f5;--grid-line: #d1d5db;--bg-app: #f1f5f9;--bg-sidebar: #ffffff;--accent: #3b82f6;--accent-soft: #eff6ff;--border: #e2e8f0;--text-main: #1e293b;--text-muted: #64748b;--danger: #ef4444;--code-bg: #0f172a;--code-text: #10b981}*{box-sizing:border-box;margin:0;padding:0}.editor-container{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--bg-app);overflow:hidden;font-family:Inter,-apple-system,sans-serif}.editor-top-nav{height:var(--header-h);background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100;box-shadow:0 1px 2px #0000000d}.editor-body{flex:1;display:flex;height:calc(100vh - var(--header-h));overflow:hidden}.complex-layout-wrapper,.standard-layout{display:flex;width:100%;height:100%;flex:1}.editor-sidebar{background:var(--bg-sidebar);height:100%;overflow-y:auto;display:flex;flex-direction:column;border-color:var(--border);border-style:solid}.editor-sidebar.left{width:var(--sidebar-standard);border-right-width:1px;padding:24px}.editor-sidebar.left.complex-sidebar{width:var(--sidebar-complex-left)}.editor-sidebar.right{width:var(--sidebar-complex-right);border-left-width:1px;padding:20px}.editor-canvas-wrap{flex:1;background-color:var(--bg-canvas);position:relative;overflow:hidden;display:flex;align-items:stretch;justify-content:stretch}.konvajs-content{background-color:var(--bg-canvas)!important}.complex-tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:10px}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;background:#f8fafc;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;color:var(--text-muted)}.tool-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:0 4px 6px -1px #3b82f61a}.svg-input{width:100%;min-height:160px;padding:16px;background:var(--code-bg);color:var(--code-text);font-family:Fira Code,monospace;font-size:12px;border-radius:12px;border:1px solid #1e293b;resize:vertical;outline:none;margin-top:8px}.svg-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.section-label{display:block;font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.comp-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8fafc;border:1px solid var(--border);border-radius:8px;font-size:12px;margin-bottom:8px;cursor:pointer}.comp-item.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.mode-switcher{display:flex;background:#f1f5f9;padding:4px;border-radius:10px}.mode-switcher button{padding:8px 18px;border:none;background:transparent;font-size:11px;font-weight:700;color:var(--text-muted);cursor:pointer;border-radius:8px;text-transform:uppercase}.mode-switcher button.active{background:#fff;color:var(--accent);box-shadow:0 2px 4px #0000000d}.editor-sidebar.left.complex-sidebar{width:var(--sidebar-complex-left);padding:24px 20px}.editor-sidebar.right{width:var(--sidebar-complex-right)}.complex-tool-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:12px}.complex-tool-grid .tool-btn{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px 14px;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-main)}.complex-tool-grid .tool-btn span{font-size:13px;font-weight:500}.complex-tool-grid .tool-btn svg{color:var(--text-muted)}.complex-tool-grid .tool-btn.active{background:#fff;border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.complex-tool-grid .tool-btn.active svg{color:var(--accent)}.field-stack{margin-bottom:16px;display:flex;flex-direction:column}.field-stack input[type=range]{width:100%;height:4px;background:#e2e8f0;border-radius:2px;appearance:none;margin:12px 0;outline:none}.field-stack input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;border:2px solid #ffffff;box-shadow:0 1px 3px #0003}.complex-sidebar select,.complex-sidebar input[type=text]{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text-main);background:#fff;margin-top:4px}.tiny-cap{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:none}.composition-list .comp-item{background:#fff;border:1px solid var(--border);padding:8px 12px;border-radius:6px;transition:background .2s}.composition-list .comp-item:hover{background:#f8fafc}.composition-list .comp-item.selected{background:var(--accent-soft);border-color:var(--accent)}.color-row{display:flex;margin-top:10px}.color-row input[type=color]{flex:1;height:36px;border:1px solid var(--border);border-radius:6px;cursor:pointer;background:#fff}.animate-fade-in{animation:compFadeIn .25s ease-out}@keyframes compFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mode-section button.active{background-color:#2563eb!important;color:#fff!important;border-color:#1e40af!important}.detail-page-header{margin-bottom:2rem}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#64748b;font-weight:700;cursor:pointer;margin-bottom:1.5rem;transition:color .2s}.back-btn:hover{color:#2563eb}.header-identity{display:flex;align-items:center;gap:20px}.avatar-circle{width:64px;height:64px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900}.header-identity h2{font-size:1.8rem;font-weight:900;color:#0f172a;margin:0}.detail-grid-layout{display:grid;grid-template-columns:450px 800px;gap:2rem}.info-card{background:#fff;padding:1.5rem;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.info-card h3{font-size:.9rem;font-weight:800;text-transform:uppercase;color:#94a3b8;margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.info-row:last-child{border:none}.info-row label{font-size:.85rem;font-weight:600;color:#64748b}.edit-form-stack{display:flex;flex-direction:column;gap:15px}.input-group{display:flex;flex-direction:column;gap:5px}.input-group label{font-size:11px;font-weight:800;color:#94a3b8;text-transform:uppercase}.input-group select,.input-group input{padding:10px;border-radius:8px;border:1px solid #cbd5e1;font-weight:600;color:#1e293b;outline:none}.input-group select:focus,.input-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.save-submit-btn{background:#10b981;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:800;cursor:pointer;margin-top:10px;transition:all .2s}.save-submit-btn:hover{background:#059669;transform:translateY(-1px)}.edit-toggle-btn{background:#f1f5f9;border:1px solid #e2e8f0;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}.admin-detail-page{padding:2rem 4rem;background:#f8fafc;min-height:100vh}.detail-grid-layout.full-page{display:grid;grid-template-columns:400px 700px 700px;gap:1.5rem;width:100%}.log-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;height:calc(100vh - 200px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 3px #0000000d}.log-header{padding:1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:10px}.log-header h4{font-size:.85rem;font-weight:800;text-transform:uppercase;color:#1e293b}.log-feed{flex:1;overflow-y:auto;padding:1rem}.log-entry{position:relative;padding-left:20px;padding-bottom:20px;border-left:2px solid #f1f5f9}.log-dot{position:absolute;left:-6px;top:4px;width:10px;height:10px;background:#2563eb;border-radius:50%;border:2px solid white}.log-action{font-size:.85rem;color:#475569;line-height:1.4}.log-time{font-size:.7rem;color:#94a3b8;display:block;margin-top:4px}.log-details-json{font-size:.65rem;background:#f8fafc;padding:6px;border-radius:4px;margin-top:8px;color:#64748b;overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.primary-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;margin-top:1.5rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;font-size:15px;font-weight:800;letter-spacing:-.01em;border-radius:12px;box-shadow:0 4px 12px #2563eb40,inset 0 1px #fff3;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.primary-action-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb59}.primary-action-btn:active{transform:translateY(0) scale(.97);box-shadow:0 2px 6px #2563eb33}.primary-action-btn svg{transition:transform .2s ease}.primary-action-btn:hover svg{transform:rotate(15deg) scale(1.1)}.primary-action-btn:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}.btn-toggle-plans.active{background:#9333ea!important;color:#fff!important;box-shadow:0 4px 12px #9333ea4d}.admin-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.admin-modal-card{background:#fff;width:400px;padding:24px;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a}.admin-modal-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-modal-card h3{font-weight:900;color:#1e293b}.admin-modal-card form .input-group{margin-bottom:15px}.admin-modal-card label{font-size:11px;font-weight:800;color:#94a3b8;text-transform:uppercase;margin-bottom:6px;display:block}.admin-modal-card input{width:100%;padding:12px;border-radius:10px;border:1px solid #e2e8f0;font-weight:600}.create-plan-btn{display:flex;align-items:center;gap:8px;background:#f8fafc;color:#9333ea;border:2px dashed #d8b4fe;padding:8px 16px;border-radius:10px;font-weight:800;font-size:13px;cursor:pointer;transition:all .2s ease}.create-plan-btn:hover{background:#f5f3ff;border-color:#9333ea;color:#7e22ce;transform:translateY(-1px)}.create-plan-btn:active{transform:scale(.98)}