._loginPage_1o2bu_1{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e2849,#00b0bd)}._container_1o2bu_13{width:100%;max-width:420px;margin:20px}._card_1o2bu_19{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden}._header_1o2bu_26{background:linear-gradient(135deg,#00b0bd,#00b37d);padding:40px 30px;text-align:center}._logo_1o2bu_32{height:50px;display:inline-block;margin-bottom:20px}._title_1o2bu_38{color:#fff;font-size:24px;font-weight:700;margin:0}._subtitle_1o2bu_45{color:#ffffffe6;font-size:14px;margin-top:10px}._body_1o2bu_51{padding:40px 30px}._formGroup_1o2bu_55{margin-bottom:20px}._formLabel_1o2bu_59{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}._formControl_1o2bu_67{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}._formControl_1o2bu_67:focus{outline:none;border-color:#00b0bd;box-shadow:0 0 0 2px #00b0bd1a}._formControl_1o2bu_67._error_1o2bu_82{border-color:#dc3545}._formError_1o2bu_86{display:none;color:#dc3545;font-size:12px;margin-top:4px}._formError_1o2bu_86._show_1o2bu_93{display:block}._alert_1o2bu_97{padding:12px;border-radius:4px;margin-bottom:20px;font-size:14px}._alertError_1o2bu_104{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}._alertSuccess_1o2bu_110{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}._submitBtn_1o2bu_116{width:100%;padding:12px;background:linear-gradient(135deg,#00b0bd,#00b37d);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;gap:8px}._submitBtn_1o2bu_116:hover:not(:disabled){opacity:.9}._submitBtn_1o2bu_116:disabled{cursor:not-allowed;opacity:.7}._spinner_1o2bu_142{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:_spin_1o2bu_142 .6s linear infinite}@keyframes _spin_1o2bu_142{to{transform:rotate(360deg)}}._userMenu_bmepm_1{position:relative}._userMenuTrigger_bmepm_5{display:flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s}._userMenuTrigger_bmepm_5:hover{background:#ffffff1a}._userAvatar_bmepm_21{width:32px;height:32px;border-radius:50%;object-fit:cover}._userAvatarPlaceholder_bmepm_28{width:32px;height:32px;border-radius:50%;background:var(--color-primary-dark);color:var(--color-text-white);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}._userName_bmepm_41{color:var(--color-text-white);font-size:var(--font-size-base);font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._dropdownArrow_bmepm_51{transition:transform .2s;color:var(--color-text-light)}._dropdownArrow_bmepm_51._open_bmepm_56{transform:rotate(180deg)}._userMenuDropdown_bmepm_60{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--color-background);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;animation:_slideDown_bmepm_1 .2s ease-out;overflow:hidden}@keyframes _slideDown_bmepm_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._userMenuHeader_bmepm_84{padding:16px;background:var(--gradient-secondary);color:var(--color-text-white)}._userMenuInfo_bmepm_90{display:flex;flex-direction:column;gap:4px}._userMenuName_bmepm_96{font-size:16px;font-weight:600}._userMenuEmail_bmepm_101{font-size:13px;opacity:.9}._userMenuRole_bmepm_106{font-size:12px;opacity:.8;text-transform:capitalize;margin-top:4px;padding:2px 8px;background:#fff3;border-radius:4px;width:fit-content}._userMenuDivider_bmepm_117{height:1px;background:var(--color-border)}._userMenuItem_bmepm_122{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;font-size:14px;color:var(--color-text);text-align:left;transition:background .2s}._userMenuItem_bmepm_122:hover{background:var(--color-background-light)}._userMenuItem_bmepm_122 svg{width:16px;height:16px;flex-shrink:0;color:var(--color-text-light)}._userMenuItem_bmepm_122._logout_bmepm_148{color:var(--color-error)}._userMenuItem_bmepm_122._logout_bmepm_148 svg{color:var(--color-error)}._userMenuItem_bmepm_122._logout_bmepm_148:hover{background:#dc35451a}@media (max-width: 768px){._userName_bmepm_41{display:none}._userMenuDropdown_bmepm_60{right:-50px;width:250px}}._header_11ioh_1{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--gradient-header);box-shadow:var(--shadow);z-index:var(--z-header)}._container_11ioh_12{padding:15px 20px 0;height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:20px}._logo_11ioh_22{display:flex;align-items:center;gap:10px}._logoSvg_11ioh_28{height:40px;display:block}._nav_11ioh_33{display:flex;gap:2rem;justify-content:center;height:calc(100% - 15px);align-items:center}._navLink_11ioh_41{display:flex;align-items:center;padding:0 1rem;padding-bottom:5px;color:var(--color-text-white);text-decoration:none;font-weight:700;font-size:20px;border-bottom:3px solid transparent;transition:all .2s;text-shadow:-1px -1px 0 rgba(0,0,0,.5),1px -1px 0 rgba(0,0,0,.5),-1px 1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(0,0,0,.5)}._navHome_11ioh_60{color:var(--color-nav-home)}._navProjects_11ioh_64{color:var(--color-nav-projects)}._navTemplates_11ioh_68{color:var(--color-nav-templates)}._navSettings_11ioh_72{color:var(--color-nav-settings)}._navLink_11ioh_41:hover{opacity:.8}._navLink_11ioh_41._active_11ioh_80{border-bottom-color:currentColor}._user_11ioh_84{display:flex;align-items:center;gap:1rem;height:40px}._serverStatus_11ioh_92{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-white-alpha-10);border-radius:20px;color:var(--color-text-white);font-size:var(--font-size-sm)}._statusIndicator_11ioh_103{width:8px;height:8px;border-radius:50%;background:var(--color-status-checking);animation:_pulse_11ioh_1 2s infinite}._serverStatus_11ioh_92._online_11ioh_111 ._statusIndicator_11ioh_103{background:var(--color-status-online)}._serverStatus_11ioh_92._offline_11ioh_115 ._statusIndicator_11ioh_103{background:var(--color-status-offline);animation:none}._serverStatus_11ioh_92._checking_11ioh_120 ._statusIndicator_11ioh_103{background:var(--color-status-checking);animation:_pulse_11ioh_1 1s infinite}@keyframes _pulse_11ioh_1{0%,to{opacity:1}50%{opacity:.5}}._userName_11ioh_134{font-weight:500;color:var(--color-text-white);font-size:var(--font-size-base)}._logoutBtn_11ioh_140{background:var(--color-white-alpha-10);border:1px solid var(--color-white-alpha-20);padding:6px 16px;border-radius:var(--radius-sm);transition:all .2s;font-size:var(--font-size-sm);font-weight:500}._logoutBtn_11ioh_140:hover{background:var(--color-white-alpha-20)}._container_1bvgi_1{position:relative}._tagsContainer_1bvgi_5{display:flex;flex-direction:column;justify-content:space-between;padding:.5rem;min-height:80px;border:1px solid var(--color-border);border-radius:4px;background:#fff;cursor:text;transition:border-color .2s}._tagsContainer_1bvgi_5:focus-within{border-color:var(--color-primary-teal)}._tagsWrapper_1bvgi_22{display:flex;flex-wrap:wrap;gap:.5rem;flex-grow:1;align-content:flex-start}._tag_1bvgi_5{display:inline-flex;align-items:center;gap:.25rem;padding:4px 10px;background:var(--color-background-light);border:1px solid var(--color-border);border-radius:16px;font-size:14px;color:var(--color-text)}._tag_1bvgi_5:hover{background:#fff;border-color:var(--color-primary-teal)}._removeButton_1bvgi_47{background:transparent;border:none;color:var(--color-text-light);font-size:18px;line-height:1;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}._removeButton_1bvgi_47:hover{background:#dc35451a;color:var(--color-error)}._input_1bvgi_69{width:100%;border:none;outline:none;font-size:14px;padding:4px 0;background:transparent;margin-top:.5rem}._input_1bvgi_69::placeholder{color:var(--color-text-light)}._input_1bvgi_69:disabled{cursor:not-allowed}._dropdown_1bvgi_87{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--color-border);border-radius:4px;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow-y:auto;z-index:1000}._dropdownItem_1bvgi_102{padding:8px 12px;cursor:pointer;font-size:14px;color:var(--color-text);transition:background-color .15s}._dropdownItem_1bvgi_102:hover,._dropdownItem_1bvgi_102._highlighted_1bvgi_111{background-color:var(--color-background-light)}._dropdownItem_1bvgi_102:first-child{border-top-left-radius:3px;border-top-right-radius:3px}._dropdownItem_1bvgi_102:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}._createNew_1bvgi_125{padding:8px 12px;font-size:14px;color:var(--color-text-light);font-style:italic}._previewContainer_bssd2_2{padding:20px;background-color:#fff;max-height:70vh;overflow-y:auto}._previewBlock_bssd2_10{margin-bottom:30px;padding:20px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}._blockTitle_bssd2_18{margin:0 0 15px;font-size:18px;font-weight:600;color:#1f2937}._settingsGrid_bssd2_26{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}._settingsGroup_bssd2_32{display:flex;flex-direction:column;gap:0}._settingItem_bssd2_38{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e5e7eb}._settingLabel_bssd2_45{color:#6b7280;font-size:14px}._settingValue_bssd2_50{color:#1f2937;font-weight:500;font-size:14px}._worksTable_bssd2_57,._documentsTable_bssd2_58{width:100%;border-collapse:collapse;margin-top:15px;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}._worksTable_bssd2_57 thead,._documentsTable_bssd2_58 thead{background-color:#f3f4f6}._worksTable_bssd2_57 th,._documentsTable_bssd2_58 th{padding:12px;text-align:center;font-weight:600;color:#374151;font-size:13px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb}._worksTable_bssd2_57 td,._documentsTable_bssd2_58 td{padding:10px 12px;border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px}._thNumber_bssd2_94,._tdNumber_bssd2_95{width:60px;text-align:center}._thName_bssd2_100{min-width:200px;text-align:left}._tdName_bssd2_105{min-width:200px}._thDescription_bssd2_109{min-width:250px;text-align:left}._tdDescription_bssd2_114{min-width:250px;color:#6b7280}._thHours_bssd2_119,._tdHours_bssd2_120{width:80px;text-align:center}._thCost_bssd2_125,._tdCost_bssd2_126{width:120px;text-align:right;white-space:nowrap}._thQuantity_bssd2_132,._tdQuantity_bssd2_133,._thHoursPerUnit_bssd2_138,._tdHoursPerUnit_bssd2_139{width:100px;text-align:center}._stageRow_bssd2_145{background-color:#f9fafb;font-weight:600}._stageRow_bssd2_145 td{border-bottom:2px solid #e5e7eb;padding:12px}._workRow_bssd2_155{background-color:#fff}._workRow_bssd2_155:hover{background-color:#f9fafb}._supportDetails_bssd2_164{display:grid;gap:15px;background-color:#fff;padding:20px;border-radius:6px}._supportItem_bssd2_172{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f3f4f6}._supportLabel_bssd2_179{color:#6b7280;font-size:14px;font-weight:500}._supportValue_bssd2_185{color:#1f2937;font-weight:600;font-size:14px}._supportDescription_bssd2_191{margin-top:15px;padding-top:15px;border-top:2px solid #f3f4f6}._supportDescription_bssd2_191 p{margin-top:8px;color:#374151;line-height:1.6}._notesList_bssd2_204{margin:15px 0 0 20px;padding:0;list-style-type:decimal}._noteItem_bssd2_210{margin-bottom:10px;color:#374151;line-height:1.6;font-size:14px}._summaryTable_bssd2_218{width:100%;border-collapse:collapse;margin-top:15px;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}._summaryTable_bssd2_218 thead{background-color:#f3f4f6}._summaryTable_bssd2_218 th{padding:12px;text-align:center;font-weight:600;color:#374151;font-size:13px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb}._summaryTable_bssd2_218 td{padding:10px 12px;border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px}._thSummaryDescription_bssd2_251,._tdSummaryDescription_bssd2_256{text-align:left;min-width:250px}._thSummaryHours_bssd2_261,._tdSummaryHours_bssd2_262{width:100px;text-align:center}._thSummaryCost_bssd2_267,._tdSummaryCost_bssd2_268{width:150px;text-align:right;white-space:nowrap}._summaryMainRow_bssd2_275{background-color:#f9fafb}._summaryMainRow_bssd2_275 td{border-bottom:2px solid #e5e7eb;padding:12px;font-weight:600}._summaryFinalRow_bssd2_286{background-color:#f3f4f6}._summaryFinalRow_bssd2_286 td{border-top:2px solid #d1d5db;border-bottom:none;padding:14px 12px;font-weight:600;color:#1f2937}._summaryDivider_bssd2_299{height:10px}._summaryDivider_bssd2_299 td{border-bottom:2px solid #e5e7eb!important;padding:0!important}._emptyMessage_bssd2_309{text-align:center;color:#9ca3af;font-size:14px;padding:20px;background-color:#fff;border-radius:6px;border:1px dashed #d1d5db}@media (max-width: 768px){._previewContainer_bssd2_2,._previewBlock_bssd2_10{padding:15px}._settingsGrid_bssd2_26{grid-template-columns:1fr}._worksTable_bssd2_57,._documentsTable_bssd2_58{font-size:12px;overflow-x:auto;display:block}._worksTable_bssd2_57 th,._documentsTable_bssd2_58 th,._worksTable_bssd2_57 td,._documentsTable_bssd2_58 td{padding:8px}._thDescription_bssd2_109,._tdDescription_bssd2_114{min-width:150px}._summaryTable_bssd2_218{font-size:12px;overflow-x:auto;display:block}._summaryTable_bssd2_218 th,._summaryTable_bssd2_218 td{padding:8px}._thSummaryDescription_bssd2_251,._tdSummaryDescription_bssd2_256{min-width:150px}}@media print{._previewContainer_bssd2_2{background:#fff;padding:0}._previewBlock_bssd2_10{page-break-inside:avoid;border:none;background:#fff;box-shadow:none}._summaryTable_bssd2_218{border:1px solid #000}._summaryTable_bssd2_218 th,._summaryTable_bssd2_218 td{color:#000!important;border:1px solid #000}._summaryFinalRow_bssd2_286 td{color:#000!important;font-weight:700}}._container_htpv3_1{display:flex;flex-direction:column;gap:20px;height:100%}._searchBox_htpv3_8{padding:0}._searchInput_htpv3_12{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s}._searchInput_htpv3_12:focus{border-color:#4caf50}._templatesList_htpv3_26{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;overflow-y:auto;padding:5px}._templateCard_htpv3_34{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:15px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s,border-color .2s;cursor:pointer;position:relative}._templateCard_htpv3_34:hover{box-shadow:0 4px 8px #0000001a;border-color:#999}._templateCard_htpv3_34._selected_htpv3_52{border-color:#4caf50;box-shadow:0 4px 12px #4caf504d;background:#f1f8f4}._templateName_htpv3_58{font-size:16px;font-weight:600;color:#333;line-height:1.4}._tagsContainer_htpv3_65{display:flex;flex-wrap:wrap;gap:6px}._tag_htpv3_65{background:#e8f5e9;color:#2e7d32;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}._previewIcon_htpv3_80{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:20px;cursor:pointer;padding:4px;line-height:1;transition:transform .2s}._previewIcon_htpv3_80:hover{transform:scale(1.2)}._emptyState_htpv3_97{text-align:center;padding:40px 20px;color:#999;font-size:14px;grid-column:1 / -1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-large{max-width:800px}.modal-xl{max-width:1200px}.modal-xxl{max-width:1400px}.modal-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:.75rem 3rem .75rem 1rem;border-bottom:1px solid var(--color-border)}.modal-header h2,.modal-header h3{margin:0;font-size:1.125rem;font-weight:600}.btn-close,.modal-close{position:relative;width:32px;height:32px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;flex-shrink:0;font-weight:400;outline:none}.btn-close:hover,.modal-close:hover{border-color:#ef4444;background:#fef2f2;color:#ef4444;transform:scale(1.05)}.modal-body{padding:.75rem 1.25rem 1rem}.modal-footer{display:flex;justify-content:space-between;padding:1rem 1.25rem;border-top:1px solid var(--color-border)}.form-grid{display:flex;flex-direction:column;gap:.375rem}.form-section{margin-bottom:.25rem}.form-section:first-child{margin-top:0}.form-section:last-child{margin-bottom:0}.form-section-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid var(--color-border)}.form-section-icon,.section-icon{font-size:1.125rem}.form-section-header h3,.section-title{font-size:.875rem;font-weight:600;color:var(--color-text);margin:0}.form-section-content,.form-fields{display:flex;flex-direction:column;gap:.375rem}.form-row{display:flex;gap:.75rem}.form-col{flex:1}.form-col-left{margin-right:.375rem}.form-col-right{margin-left:.375rem}.modal .form-group{display:flex;flex-direction:column;margin-bottom:0!important}.modal .form-group .label{margin-bottom:2px!important;font-size:.8125rem}.label{font-size:.8125rem;color:var(--color-text);font-weight:500}.label.required:after{content:" *";color:#dc3545}.input,.select,.textarea{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:4px;font-size:.875rem;background:var(--input-bg, white);color:var(--color-text);transition:border-color .2s;font-family:inherit;width:100%;box-sizing:border-box}.textarea{line-height:1.5;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary)}.input-error,.input.input-error,.select.input-error,.textarea.input-error{border-color:#dc3545!important}.input:disabled,.select:disabled,.textarea:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.checkbox-label span{color:var(--color-text);font-size:.875rem}.form-hint{display:block;color:var(--color-text-light);font-size:.7rem;margin-top:.125rem}.error-text{color:#dc3545;font-size:.7rem;margin-top:.125rem}.form-error-message{background:#fee;color:#c00;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid #fcc;font-size:.875rem}.modal .btn{padding:.5rem 1rem;border-radius:4px;font-size:.875rem;display:inline-block}.modal-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:1001}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading,.error{padding:3rem;text-align:center;color:var(--color-text-light)}@media (max-width: 640px){.modal{max-width:95%;max-height:95vh}.modal-body{padding:.75rem}.form-row{flex-direction:column}.form-col-left,.form-col-right{margin:0}}@media (max-width: 1440px){.modal-xxl{max-width:95%}}@media (max-width: 1280px){.modal-xl{max-width:95%}}[data-theme=dark] .modal{background:var(--bg-primary)}[data-theme=dark] .input,[data-theme=dark] .select,[data-theme=dark] .textarea{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .input:disabled,[data-theme=dark] .select:disabled,[data-theme=dark] .textarea:disabled{background:#ffffff0d}[data-theme=dark] .form-error-message{background:#ff00001a;border-color:#ff00004d}[data-theme=dark] .modal-loading{background:#000000e6}.app{min-height:100vh;background-color:var(--color-background-light)}.app main{margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));padding:20px 0}.app-loading{display:flex;justify-content:center;align-items:center;height:100vh}.app-loading-text{font-size:1.2rem;color:var(--color-text-secondary)}:root{--color-primary-dark: rgb(30, 40, 73);--color-primary-teal: rgb(0, 179, 125);--color-accent-cyan: rgb(0, 176, 189);--color-accent-blue: rgb(0, 174, 239);--gradient-header: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-accent-cyan) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-accent-cyan) 0%, var(--color-primary-teal) 100%);--color-text: #333333;--color-text-light: #666666;--color-text-white: #ffffff;--color-background: #ffffff;--color-background-light: #f8f9fa;--color-background-secondary: #e9ecef;--color-border: #dee2e6;--color-border-light: #e0e0e0;--color-border-focus: #80bdff;--color-table-header: #495057;--color-table-row-hover: #f8f9fa;--color-table-row-selected: #e7f3ff;--color-table-row-clickable: #e8f4fd;--color-white-alpha-10: rgba(255, 255, 255, .1);--color-white-alpha-20: rgba(255, 255, 255, .2);--color-white-alpha-80: rgba(255, 255, 255, .8);--color-black-alpha-30: rgba(0, 0, 0, .3);--color-error: #dc3545;--color-success: #28a745;--color-warning: #ffc107;--color-info: #17a2b8;--color-primary: #007bff;--color-secondary: #6c757d;--color-status-online: #10b981;--color-status-offline: #ef4444;--color-status-checking: #fbbf24;--color-nav-home: var(--color-accent-cyan);--color-nav-projects: var(--color-accent-cyan);--color-nav-templates: var(--color-accent-cyan);--color-nav-settings: var(--color-accent-cyan);--header-height: 70px;--container-width: calc(100% - 40px) ;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--z-header: 300;--z-modal: 500;--z-notification: 700;--z-dropdown: 1000;--z-modal-overlay: 9999;--z-modal-content: 10000;--font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-h1: 32px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-background-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-width);margin:20px auto;padding:20px;background-color:#fff;border-radius:12px;box-shadow:var(--shadow);animation:containerFadeIn .4s ease-out}@keyframes containerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-primary{background:var(--color-primary-teal);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-teal)}.btn-secondary{background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-background);border-color:var(--color-border)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-error)}.btn-success{background:var(--color-primary-teal);color:#fff}.btn-success:hover:not(:disabled){background:var(--color-primary-teal)}.btn-warning{background:var(--color-warning);color:var(--color-text)}.btn-warning:hover:not(:disabled){background:var(--color-warning)}.btn-info{background:var(--color-info);color:#fff}.btn-info:hover:not(:disabled){background:var(--color-info)}.btn-sm{padding:6px 12px;font-size:12px;border-radius:3px}.btn-lg{padding:12px 24px;font-size:16px;border-radius:6px}.btn-block{width:100%}.btn-icon{padding:8px;min-width:32px;min-height:32px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.btn-link{background:transparent;color:var(--color-primary-teal);padding:0}.btn-link:hover:not(:disabled){color:var(--color-accent-cyan);background:transparent;transform:none;box-shadow:none;text-decoration:underline}.btn-add-filter,.btn-clear-filters,.btn-remove-filter{padding:6px 12px;border:1px solid var(--color-border);border-radius:4px;background:#fff;color:var(--color-text);font-size:13px;cursor:pointer;transition:all .2s}.btn-add-filter:hover{background:var(--color-primary-teal);color:#fff;border-color:var(--color-primary-teal)}.btn-clear-filters:hover{background:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-remove-filter{padding:4px 8px;min-width:24px;font-size:16px}.btn-remove-filter:hover{background:var(--color-error);color:#fff;border-color:var(--color-error)}.filter-toggle-btn{padding:8px 12px;border:1px solid var(--color-border);border-radius:4px;background:#fff;color:var(--color-text);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.filter-toggle-btn:hover{background:var(--color-background-light);border-color:var(--color-primary-teal)}.filter-toggle-btn.active{background:var(--color-primary-teal);color:#fff;border-color:var(--color-primary-teal)}.btn-close{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:24px;line-height:1;color:var(--color-text-light);cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.btn-close:hover{background:var(--color-background-light);color:var(--color-error)}