@font-face{font-family:Google Sans;src:url(/assets/GoogleSans-MediumItalic--Onhjl-h.eot);src:local(Google Sans Medium Italic),local(GoogleSans-MediumItalic),url(/assets/GoogleSans-MediumItalic--Onhjl-h.eot?#iefix)format("embedded-opentype"),url(/assets/GoogleSans-MediumItalic-GdhPa6AO.woff2)format("woff2"),url(/assets/GoogleSans-MediumItalic-BIFF4k89.woff)format("woff"),url(/assets/GoogleSans-MediumItalic-CwkQgPem.ttf)format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Google Sans;src:url(/assets/GoogleSans-Bold-xLiJTgxY.eot);src:local(Google Sans Bold),local(GoogleSans-Bold),url(/assets/GoogleSans-Bold-xLiJTgxY.eot?#iefix)format("embedded-opentype"),url(/assets/GoogleSans-Bold-DdUpYAm4.woff2)format("woff2"),url(/assets/GoogleSans-Bold-B5L05blH.woff)format("woff"),url(/assets/GoogleSans-Bold-Dz4SAMEz.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Google Sans;src:url(/assets/GoogleSans-Italic-DBZ84yEu.eot);src:local(Google Sans Italic),local(GoogleSans-Italic),url(/assets/GoogleSans-Italic-DBZ84yEu.eot?#iefix)format("embedded-opentype"),url(/assets/GoogleSans-Italic-BG-QQxD9.woff2)format("woff2"),url(/assets/GoogleSans-Italic-CF1uypLo.woff)format("woff"),url(/assets/GoogleSans-Italic-DIOWeHD1.ttf)format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Google Sans;src:url(/assets/GoogleSans-Medium-BvoNHiuY.eot);src:local(Google Sans Medium),local(GoogleSans-Medium),url(/assets/GoogleSans-Medium-BvoNHiuY.eot?#iefix)format("embedded-opentype"),url(/assets/GoogleSans-Medium-krSl1Cbs.woff2)format("woff2"),url(/assets/GoogleSans-Medium-DrvXEowi.woff)format("woff"),url(/assets/GoogleSans-Medium-CvwH4TB0.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Google Sans;src:url(/assets/GoogleSans-Regular-D3ndyPxi.eot);src:local(Google Sans Regular),local(GoogleSans-Regular),url(/assets/GoogleSans-Regular-D3ndyPxi.eot?#iefix)format("embedded-opentype"),url(/assets/GoogleSans-Regular-Djvx7XI4.woff2)format("woff2"),url(/assets/GoogleSans-Regular-DI8mgQUA.woff)format("woff"),url(/assets/GoogleSans-Regular-Cv_1M6ie.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Google Sans;src:url(/assets/GoogleSans-BoldItalic-CbkOUPud.eot);src:local(Google Sans Bold Italic),local(GoogleSans-BoldItalic),url(/assets/GoogleSans-BoldItalic-CbkOUPud.eot?#iefix)format("embedded-opentype"),url(/assets/GoogleSans-BoldItalic-D52-IAcq.woff2)format("woff2"),url(/assets/GoogleSans-BoldItalic-Ci97Zmgl.woff)format("woff"),url(/assets/GoogleSans-BoldItalic-B8usduBy.ttf)format("truetype");font-weight:700;font-style:italic}*,:before,:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer;background:0 0;border:none;padding:0}input,textarea{outline:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=search]::-webkit-search-results-button{-webkit-appearance:none}input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}:focus{outline:none}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}table{border-collapse:collapse;border-spacing:0;width:100%}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:""}hr{border:none;border-top:1px solid #e0e0e0;margin:1rem 0}textarea{resize:vertical}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}textarea:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}textarea:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}select:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}select:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}select:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}:root,[data-theme=light]{--color-brand:var(--green-700);--color-brand-transparent:var(--green-50);--color-brand-transporent:var(--green-50);--color-white:#fff;--html-color:var(--gray-800);--red-10:#fff7f7;--red-50:#fee2e2;--red-700:#dc2626;--yellow-50:#fff8e1;--yellow-700:#ffc107;--yellow-800:#ff5722;--yellow-900:#e65100;--green-50:#effaef;--green-700:#1da464;--green-800:#009554;--blue-50:#f0f7ff;--blue-100:#bbdefb;--blue-200:#83b7e8;--blue-300:#72aadf;--blue-500:#5294dc;--blue-600:#007ef7;--blue-700:#066fd1;--blue-800:#0355a5;--blue-900:#17354e;--orange-50:#fff7ed;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--bg-primary:#fff;--bg-secondary:var(--gray-50);--bg-sidebar:#f1f5f9;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-primary:#e2e8f0;--border-secondary:#f1f5f9;--box-shadow-card:0 0 1px #20293714;--box-shadow-input:0px 1px 1px #2029370f;--box-shadow-input-focus:0 0 0 3px #e0e0e0;--box-shadow-menu:0 10px 25px -5px #0000001a, 0 8px 10px -6px #00000005;--box-shadow-description:0 2px 8px #00000005;--box-shadow-dropdown-select:0 4px 6px #0000000d;--box-shadow-modal:0 20px 35px -10px #0000001a;--box-shadow-container:0 8px 20px #00000005, 0 1px 2px #0000000d;--border-radius-container:.75rem;--border-radius-button:.75rem;--border-radius-modal:1.125rem;--height-button:2.6875rem;--bg-body-color:var(--bg-primary);--bg-dropdown:#fff;--bg-dropdown-hover:#f1f5f9;--checkbox-accent:#1da464;--dropdown-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}[data-theme=dark]{--color-brand:#3b82f6;--color-brand-transparent:#1e293b;--color-brand-transporent:#1e293b;--color-white:#fff;--html-color:var(--gray-800);--red-50:#7f1d1d;--red-700:#fca5a5;--yellow-50:#713f12;--yellow-700:#fde047;--yellow-800:#facc15;--yellow-900:#eab308;--green-10:#14532d;--green-30:#166534;--green-50:#15803d;--green-700:#4ade80;--green-800:#22c55e;--blue-50:#1e3a5f;--blue-100:#1e3a8a;--blue-200:#1e40af;--blue-300:#2563eb;--blue-500:#3b82f6;--blue-600:#60a5fa;--blue-700:#93c5fd;--blue-800:#bfdbfe;--blue-900:#dbeafe;--orange-50:#431407;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--gray-50:#020617;--gray-100:#0f172a;--gray-200:#1e293b;--gray-300:#334155;--gray-400:#475569;--gray-500:#64748b;--gray-600:#94a3b8;--gray-700:#cbd5e1;--gray-800:#e2e8f0;--gray-900:#f1f5f9;--gray-950:#f8fafc;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-sidebar:#020617;--bg-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-primary:#334155;--border-secondary:#1e293b;--box-shadow-card:0 0 1px #ffffff14;--box-shadow-input:0px 1px 1px #ffffff0f;--box-shadow-input-focus:0 0 0 3px #1e293b;--box-shadow-menu:0 10px 25px -5px #00000080, 0 8px 10px -6px #0000004d;--box-shadow-description:0 2px 8px #0003;--box-shadow-dropdown-select:0 4px 6px #0000004d;--box-shadow-modal:0 20px 35px -10px #00000080;--box-shadow-container:0 8px 20px #0003, 0 1px 2px #0000001a;--border-radius-container:.75rem;--border-radius-button:.625rem;--border-radius-modal:1.125rem;--height-button:2.6875rem;--bg-body-color:#0f172a;--bg-dropdown:#1e293b;--bg-dropdown-hover:#334155;--checkbox-accent:#3b82f6;--dropdown-shadow:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003}[data-theme=blue]{--color-brand:#1e40af;--color-brand-transparent:#dbeafe;--color-brand-transporent:#dbeafe;--color-white:#fff;--html-color:var(--text-primary);--red-50:#fee2e2;--red-700:#dc2626;--yellow-50:#fef3c7;--yellow-700:#d97706;--yellow-800:#b45309;--yellow-900:#92400e;--green-10:#f0fdf4;--green-30:#dcfce7;--green-50:#bbf7d0;--green-700:#16a34a;--green-800:#15803d;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--orange-50:#fff7ed;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--bg-primary:#f0f9ff;--bg-secondary:#e0f2fe;--bg-sidebar:#bae6fd;--bg-card:#fff;--text-primary:#0c4a6e;--text-secondary:#0369a1;--text-muted:#0284c7;--border-primary:#7dd3fc;--border-secondary:#bae6fd;--box-shadow-card:0 0 1px #00000014;--box-shadow-input:0px 1px 1px #0000000f;--box-shadow-input-focus:0 0 0 3px #bfdbfe;--box-shadow-menu:0 10px 25px -5px #0000001a, 0 8px 10px -6px #00000005;--box-shadow-description:0 2px 8px #00000005;--box-shadow-dropdown-select:0 4px 6px #0000000d;--box-shadow-modal:0 20px 35px -10px #0000001a;--box-shadow-container:0 8px 20px #00000005, 0 1px 2px #0000000d;--border-radius-container:.75rem;--border-radius-button:.625rem;--border-radius-modal:1.125rem;--height-button:2.6875rem;--bg-body-color:#f0f9ff;--bg-dropdown:#fff;--bg-dropdown-hover:#e0f2fe;--checkbox-accent:#1e40af;--dropdown-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}[data-theme=green]{--color-brand:#166534;--color-brand-transparent:#dcfce7;--color-brand-transporent:#dcfce7;--color-white:#fff;--html-color:var(--text-primary);--red-50:#fee2e2;--red-700:#dc2626;--yellow-50:#fef3c7;--yellow-700:#d97706;--yellow-800:#b45309;--yellow-900:#92400e;--green-10:#f0fdf4;--green-30:#dcfce7;--green-50:#bbf7d0;--green-700:#16a34a;--green-800:#15803d;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--orange-50:#fff7ed;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--bg-primary:#f0fdf4;--bg-secondary:#dcfce7;--bg-sidebar:#bbf7d0;--bg-card:#fff;--text-primary:#14532d;--text-secondary:#166534;--text-muted:#15803d;--border-primary:#86efac;--border-secondary:#bbf7d0;--box-shadow-card:0 0 1px #00000014;--box-shadow-input:0px 1px 1px #0000000f;--box-shadow-input-focus:0 0 0 3px #bbf7d0;--box-shadow-menu:0 10px 25px -5px #0000001a, 0 8px 10px -6px #00000005;--box-shadow-description:0 2px 8px #00000005;--box-shadow-dropdown-select:0 4px 6px #0000000d;--box-shadow-modal:0 20px 35px -10px #0000001a;--box-shadow-container:0 8px 20px #00000005, 0 1px 2px #0000000d;--border-radius-container:.75rem;--border-radius-button:.625rem;--border-radius-modal:1.125rem;--height-button:2.6875rem;--bg-body-color:#f0fdf4;--bg-dropdown:#fff;--bg-dropdown-hover:#dcfce7;--checkbox-accent:#166534;--dropdown-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}button{border-radius:var(--border-radius-button);height:var(--height-button);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 1.25rem;transition:all .2s;display:flex}button:active{transition:transform 50ms;transform:scale(.97)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}button.btn-1{background:var(--color-brand);color:var(--color-white)}button.btn-1__light{background:var(--color-brand-transporent);color:var(--color-brand)}button.btn-2{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary)}button.btn-3{background:var(--blue-700);color:var(--color-white)}button.btn-4{background:var(--gray-700);color:var(--color-white)}button.btn-5{background:var(--bg-secondary);color:var(--text-secondary)}button.btn-6{background:var(--red-700);color:var(--color-white)}button.btn-6__light{background:var(--red-50);color:var(--red-700)}.group-button{display:flex}.group-button button{border-radius:0;border:0!important}.group-button button.btn-2{border-right:1px solid var(--border-primary)!important;border-top:1px solid var(--border-primary)!important;border-bottom:1px solid var(--border-primary)!important}.group-button button.btn-2:first-child{border:1px solid var(--border-primary)!important}button.icon-style{align-items:center;gap:.5rem;display:flex}button.icon-style.start{padding:0 1.125rem 0 1rem}button.icon-style.end{padding:0 1rem 0 1.125rem}button.icon-style.arrow{padding:0 1.25rem 0 1rem}button.icon-style.arrow svg{stroke-width:1.5px;width:1.375rem;height:1.375rem}button.icon{background:0 0;border:none;justify-content:flex-end;gap:.25rem;width:100%;height:1rem;padding:0 1.375rem 0 0;display:flex;position:relative}button.icon:active{transform:none}button.icon svg{width:1.25rem;height:1.25rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}button.icon.icon__size-1 svg{stroke-width:1.5px;width:1.5rem;height:1.5rem}button.icon.icon-light{color:var(--text-muted)}.row-table-delete{cursor:pointer;border-radius:var(--border-radius-button);width:2.5rem;height:0;color:var(--text-muted);background:0 0;border:none;padding:.6rem;transition:all .2s;position:relative}.row-table-delete:hover{color:var(--red-700);background:var(--red-50)}.row-table-delete svg{width:1.5rem;height:1.5rem}.icon-group{align-items:center;gap:8px;display:flex;position:absolute;top:0;right:0}button.icon-btn{background:var(--bg-secondary);cursor:pointer;border-radius:var(--border-radius-button);height:2.375rem;color:var(--text-muted);border:none;justify-content:center;align-items:center;padding:.625rem;transition:all .2s;display:flex}button.icon-btn svg{width:1.25rem;height:1.25rem}button.icon-btn:hover{background:var(--bg-dropdown-hover);color:var(--text-primary)}button.icon-btn.delete:hover{background:var(--red-50);color:var(--red-700)}.back-btn{color:var(--text-muted);background:var(--bg-secondary);border-radius:5rem;justify-content:flex-start;align-items:center;padding:.75rem;transition:all .2s;display:flex}.back-btn:hover{color:var(--text-primary);background:var(--bg-dropdown-hover)}.back-btn svg{width:1.125rem;height:1.125rem}.btn-add-items{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:.4rem;height:2rem;padding:0 1rem 0 0;font-size:1rem;font-weight:400;transition:all .2s;display:flex}.btn-add-items svg{stroke-width:2px;width:1.875rem;height:1.875rem;color:var(--color-brand)}.btn-add-items:hover{color:var(--color-brand)}button.refresh{cursor:pointer;border-radius:var(--border-radius-button);color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}button.refresh:hover{color:var(--text-primary);background:var(--bg-secondary)}button.refresh svg{width:1.125rem;height:1.125rem}button.no-border{border:none!important}button.no-padding{padding:0!important}button.full-width{justify-content:center;width:100%}.section__pagination{justify-content:flex-start;display:flex}.pagination{align-items:center;gap:.25rem;display:flex}.pagination .page-btn{min-width:2rem;height:2rem;color:var(--gray-400);background:var(--gray-50);border-radius:var(--border-radius-button);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0 .5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.pagination .page-btn:hover{color:var(--gray-700);background:var(--gray-200)}.pagination .page-btn.active{color:var(--color-white);background:var(--gray-700)}.pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}.pagination .prev,.pagination .next{align-items:center;gap:.25rem;font-size:1rem;font-weight:400;display:inline-flex}.pagination .prev svg,.pagination .next svg{width:1rem;height:1rem}input,select,textarea{border:1px solid var(--gray-200);border-radius:var(--border-radius-button);background:var(--bg-primary);width:100%;height:var(--height-button);color:var(--text-primary);outline:none;padding:.75rem .875rem;font-family:inherit;font-size:.875rem;transition:all .2s}input.bold,select.bold,textarea.bold{font-weight:600}input:hover,select:hover,textarea:hover{border-color:var(--gray-300)}input:focus,select:focus,textarea:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-transparent);outline:none}input::placeholder,textarea::placeholder{color:var(--gray-400)}input.price-big{font-size:1.25rem;font-weight:600}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;padding-right:2.5rem}textarea{height:auto;min-height:calc(var(--height-button) * 2);resize:vertical}input:disabled,select:disabled,textarea:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.7}input.error,select.error,textarea.error{border-color:var(--red-700)}input.error:focus,select.error:focus,textarea.error:focus{box-shadow:0 0 0 3px var(--red-50)}input.success,select.success,textarea.success{border-color:var(--green-700)}input.success:focus,select.success:focus,textarea.success:focus{box-shadow:0 0 0 3px var(--green-50)}.input-icon-left{padding-left:2.5rem}.input-icon-right{padding-right:2.5rem}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=search]::-webkit-search-decoration{display:none}input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]::-webkit-search-results-button{display:none}input[type=search]::-webkit-search-results-decoration{display:none}.section__general-table-container{border-radius:var(--border-radius-container);border:1px solid var(--border-primary);width:100%;height:100%;box-shadow:var(--box-shadow-card);position:relative;overflow:auto}.section__general-table-container::-webkit-scrollbar{width:8px;height:8px}.section__general-table-container::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.section__general-table-container::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.section__general-table-container::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.section__general-table-container table{border-collapse:separate;border-spacing:0;white-space:nowrap;border:0;width:100%;min-width:100%}@media (width<=768px){.section__general-table-container table{min-width:600px}}.section__general-table-container table th{cursor:default;color:var(--text-muted);vertical-align:middle;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);padding:.75rem .875rem;font-size:.875rem;font-weight:500;position:relative}.section__general-table-container table th:first-child{border-top-left-radius:var(--border-radius-container)}.section__general-table-container table th:last-child{border-top-right-radius:var(--border-radius-container)}.section__general-table-container table td{text-align:left;border-bottom:1px solid var(--border-primary);vertical-align:middle;color:var(--text-primary);background:var(--bg-card);padding:.75rem .875rem;font-size:.875rem}.section__general-table-container table td.delete,.section__general-table-container table th.delete{text-align:center;padding:.875rem 0}.section__general-table-container table tbody tr:hover td{background:var(--bg-secondary);cursor:pointer}.section__general-table-container.striped tbody tr:nth-child(2n) td{background:var(--gray-50)}.section__general-table-container.striped tbody tr:nth-child(2n):hover td{background:var(--bg-secondary)}.section__general-table-container table tbody tr:last-child td{border-bottom:none}.section__general-table-container table td.center,.section__general-table-container table th.center{text-align:center}.section__general-table-container table td.left,.section__general-table-container table th.left{text-align:left}.section__general-table-container table td.right,.section__general-table-container table th.right{text-align:right}.general-table-container__filter-icon{align-items:center;gap:.5rem;display:inline-flex}.general-table-container__filter-icon button.button__sorting{background:0 0;align-items:center;gap:.25rem;height:auto;padding:0;display:inline-flex}.general-table-container__filter-icon button.button__sorting svg{stroke-width:1.5px;width:1rem;height:1rem}.section__general-table-container table th.center .general-table-container__filter-icon{justify-content:center}.section__general-table-container table th.left .general-table-container__filter-icon{justify-content:flex-start}.section__general-table-container table th.right .general-table-container__filter-icon{justify-content:flex-end}.section__general-table-container table tfoot td{cursor:default;color:var(--text-muted);vertical-align:middle;border-top:1px solid var(--border-primary);background:var(--bg-secondary);padding:.75rem .875rem;font-weight:500}.section__general-table-container table tfoot tr.total td{color:var(--text-primary);font-size:1rem;font-weight:700}.section__general-table-container table tfoot tr.total td.green{color:var(--green-700)}.section__general-table-container table .group{align-items:center;gap:.375rem;display:inline-flex}.section__general-table-container table .group svg{flex-shrink:0;width:1rem;height:1rem}.section__general-table-container table a.link{color:var(--text-muted);text-decoration:none;transition:color .2s}.section__general-table-container table a.link:hover{color:var(--color-brand);text-decoration:underline}.section__general-table-container table a.link span{color:var(--text-primary)}.section__general-table-container table .name{color:var(--text-primary);font-weight:600}.section__general-table-container table .name.name__one{margin-top:0}.section__general-table-container table .description{white-space:normal;word-wrap:break-word;word-break:break-word;color:var(--text-secondary);margin-top:.25rem;font-weight:400;line-height:1.4}.section__general-table-container table .client__box{grid-template-columns:auto 1fr;align-items:center;gap:.75rem;display:grid}.section__general-table-container table .client__box .start__box{border-radius:var(--border-radius-container);background:var(--bg-card);border:1px solid var(--border-primary);justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.section__general-table-container table .client__box .start__box svg{stroke-width:1.25px;width:1.5rem;height:1.5rem;color:var(--gray-700)}.section__general-table-container table .client__box .end__description{color:var(--text-secondary);font-size:.875rem}.section__general-table-container table .name__items{flex-direction:column;gap:.25rem;margin-top:.5rem;font-size:.875rem;display:flex}.section__general-table-container table .name__items .items__item{align-items:center;gap:.5rem;display:flex}.section__general-table-container table .item__start{color:var(--text-muted);min-width:80px}.section__general-table-container table .data-list{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;font-size:.75rem;display:flex}.section__general-table-container table .data-list-item{color:var(--text-muted);align-items:center;gap:.25rem;display:inline-flex}.section__general-table-container table .data-list-item:not(:first-child):before{content:"·";margin-right:.5rem}.section__general-table-container table .data-list-item .item-title svg{width:.875rem;height:.875rem}.section__general-table-container table tbody tr td:first-child input,.section__general-table-container table tbody tr td:first-child select{width:auto;min-width:40px}.section__general-table-container table tbody tr input,.section__general-table-container table tbody tr select,.section__general-table-container table tbody tr textarea{width:100%;height:2rem;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:.5rem;padding:0 .5rem;font-size:.875rem;transition:all .2s}.section__general-table-container table tbody tr input.left,.section__general-table-container table tbody tr select.left,.section__general-table-container table tbody tr textarea.left{text-align:left}.section__general-table-container table tbody tr input.right,.section__general-table-container table tbody tr select.right,.section__general-table-container table tbody tr textarea.right{text-align:right}.section__general-table-container table tbody tr:hover input,.section__general-table-container table tbody tr:hover select,.section__general-table-container table tbody tr:hover textarea{background:var(--bg-card);border-color:var(--gray-300)}.section__general-table-container table tbody tr input:focus,.section__general-table-container table tbody tr select:focus,.section__general-table-container table tbody tr textarea:focus{border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-transparent);background:var(--bg-card);outline:none}.section__general-table-container table td button.icon-control{opacity:.4;transition:opacity .2s}.section__general-table-container table tbody tr:hover td button.icon-control{opacity:1}.section__general-table-container table input.row-checkbox{cursor:pointer;width:1.125rem;height:1.125rem;accent-color:var(--color-brand);margin:0;padding:0}.section__general-table-container .category-list{flex-wrap:wrap;gap:.25rem;display:inline-flex}.section__general-table-container .category-list span{background:var(--gray-100);color:var(--text-secondary);border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;display:inline-block}.section__general-table-container .empty-state{text-align:center;color:var(--text-muted);padding:3rem}.section__general-table-container .loading-state{text-align:center;color:var(--text-muted);padding:2rem}.section__general-table-container table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.section__general-table-container table th.sortable:hover{background:var(--gray-200)}.section__general-table-container table th.sortable.active{color:var(--color-brand)}.table-items{border-collapse:collapse;table-layout:auto;width:100%}.table-items th{text-align:left;white-space:nowrap;border:none;border-bottom:1px solid var(--border-primary);color:var(--text-muted);background:var(--bg-secondary);padding:.5rem 1.5rem;font-size:.875rem;font-weight:500}.table-items td{border-bottom:1px solid var(--border-primary);white-space:nowrap;vertical-align:top;color:var(--text-primary);padding:1rem 1.5rem;font-size:.875rem}.table-items td.center,.table-items th.center{text-align:center}.table-items td.left,.table-items th.left{text-align:left}.table-items td.right,.table-items th.right{text-align:right}.table-items td:first-child,.table-items th:first-child{padding-left:0}.table-items td:last-child,.table-items th:last-child{padding-right:0}.table-items tr:last-child td{border-bottom:none}.table-items th:nth-last-child(2),.table-items td:nth-last-child(2){white-space:normal;word-break:break-word;width:100%}.table-items th.control,.table-items td.control{white-space:nowrap;text-align:center;width:1%}.table-items td.control .button-group{align-items:center;gap:.25rem;display:inline-flex}.table-items td.control .button-group button{border-radius:var(--border-radius-button);cursor:pointer;width:2rem;height:2rem;color:var(--gray-400);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.table-items td.control .button-group button:hover{background:var(--gray-100);color:var(--gray-700)}.table-items td.control .button-group button.delete:hover{background:var(--red-50);color:var(--red-700)}.table-items td.control .button-group button svg{stroke-width:1.5px;width:1.125rem;height:1.125rem}.table-items td .item-data__files{flex-direction:column;gap:.75rem;font-size:.875rem;display:flex}.table-items td .files__box{-webkit-line-clamp:3;text-overflow:ellipsis;cursor:pointer;max-width:14rem;color:var(--text-primary);-webkit-box-orient:vertical;padding-left:1.5rem;display:-webkit-box;position:relative;overflow:hidden}.table-items td .files__box:hover{color:var(--color-brand);text-decoration:underline}.table-items td .files__box svg{stroke-width:1.5px;cursor:pointer;width:1rem;height:1rem;color:var(--gray-500);position:absolute;top:50%;left:0;transform:translateY(-50%)}.table-items td .group-flex-center{align-items:center;gap:.25rem;display:inline-flex}.table-items td .comment{color:var(--text-muted);white-space:normal;margin-top:.25rem;font-size:.75rem}.table-items td .price{color:var(--text-primary);font-weight:600}.table-items td .price-green{color:var(--green-800);font-weight:600}.table-items td .price-red{color:var(--red-700);font-weight:600}.table-items th:not(:last-child),.table-items td:not(:last-child){white-space:nowrap}.table-items tbody tr:hover td{background:var(--bg-secondary);cursor:pointer}@media (width<=768px){.table-items{min-width:600px}.table-items td,.table-items th{padding:.75rem 1rem}.table-items td:first-child,.table-items th:first-child{padding-left:0}.table-items td:last-child,.table-items th:last-child{padding-right:0}}.tags-container{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tags-container:not(:first-child){margin-top:.5rem}.tag{background:var(--gray-100);color:var(--text-secondary);cursor:default;border:1px solid #0000;border-radius:5rem;align-items:center;gap:.5rem;padding:.375rem .875rem;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}a.tag,button.tag{cursor:pointer}a.tag:hover,button.tag:hover{background:var(--gray-200);transform:translateY(-1px)}a.tag:active,button.tag:active{transform:translateY(0)}a.tag:focus-visible,button.tag:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.tag.active{background:var(--gray-700);color:var(--color-white);border-color:var(--gray-700)}.tag.disabled,.tag:disabled{opacity:.5;cursor:not-allowed;transform:none}.tag-removable{align-items:center;gap:.5rem;display:inline-flex}.tag-close{cursor:pointer;opacity:.6;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:1.125rem;line-height:1;transition:opacity .2s;display:inline-flex}.tag-close:hover{opacity:1;color:var(--red-700)}.tag-sm{gap:.25rem;padding:.25rem .625rem;font-size:.7rem}.tag-md{gap:.5rem;padding:.375rem .875rem;font-size:.85rem}.tag-lg{border-radius:5rem;gap:.625rem;padding:.625rem 1.25rem;font-size:1rem}.tag-blue{background:var(--blue-50);color:var(--blue-800)}.tag-blue:hover:not(.disabled){background:var(--blue-100)}.tag-green{background:var(--green-50);color:var(--green-800)}.tag-green:hover:not(.disabled){background:var(--green-30)}.tag-red{background:var(--red-50);color:var(--red-700)}.tag-red:hover:not(.disabled){background:#ffe4e4}.tag-yellow{background:var(--yellow-50);color:var(--yellow-800)}.tag-yellow:hover:not(.disabled){background:#fff0b5}.tag-purple{color:#6a1b9a;background:#f3e5f5}.tag-purple:hover:not(.disabled){background:#e9d5ea}.tag-gradient{background:linear-gradient(135deg, var(--blue-600) 0%, var(--purple-600) 100%);color:var(--color-white);border:none}.tag-gradient:hover:not(.disabled){background:linear-gradient(135deg, var(--blue-700) 0%, var(--purple-700) 100%);transform:translateY(-1px)}.tag-outline{border:1px solid var(--border-primary);color:var(--text-secondary);background:0 0}.tag-outline:hover:not(.disabled){background:var(--bg-secondary);border-color:var(--gray-400)}.tag-outline-blue{border:1px solid var(--blue-600);color:var(--blue-600);background:0 0}.tag-outline-blue:hover:not(.disabled){background:var(--blue-50)}.tag-outline-green{border:1px solid var(--green-700);color:var(--green-700);background:0 0}.tag-outline-green:hover:not(.disabled){background:var(--green-50)}.tag-outline-red{border:1px solid var(--red-700);color:var(--red-700);background:0 0}.tag-outline-red:hover:not(.disabled){background:var(--red-50)}.tag-hashtag:before{content:"#";opacity:.8;margin-right:.125rem;font-weight:600}.tag-hashtag-alt{background:var(--blue-50);padding-left:.625rem}.tag-hashtag-alt:before{content:"#";background:var(--blue-600);color:var(--color-white);border-radius:5rem;margin-left:-.375rem;margin-right:.5rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.tag-link{color:var(--color-brand);text-underline-offset:2px;background:0 0;text-decoration:underline}.tag-link:hover{color:var(--blue-800)}.tag-with-icon{align-items:center;gap:.375rem;display:inline-flex}.tag-with-icon svg{stroke-width:1.5px;width:1rem;height:1rem}.tag-pill{border-radius:5rem}@keyframes tagPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tag-new{animation:.2s ease-out tagPop}.modal-overlay{visibility:hidden;opacity:0;z-index:1000;background-color:#00000038;justify-content:center;align-items:center;width:100%;height:100%;transition:visibility .2s,opacity .2s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{visibility:visible;opacity:1}body.modal-open{overflow:hidden}.close-icon{cursor:pointer;color:var(--gray-400);background:0 0;border:none;justify-content:center;align-items:center;height:2rem;padding:0 .5rem;font-size:2rem;display:inline-flex}.close-icon:hover{color:var(--red-700);background:0 0;transform:none}.form-card{background:var(--bg-card);border-radius:var(--border-radius-modal);width:100%;max-width:32rem;box-shadow:var(--box-shadow-modal)}.form-card .separate{border-bottom:1px solid var(--border-primary);width:100%}.form-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;display:flex}.form-header h2{color:var(--text-primary);align-items:center;gap:.6rem;font-size:1.25rem;font-weight:500;display:flex}.form-header h2 svg{width:1.75rem;height:1.75rem;color:var(--blue-700)}.tabs-container{background:var(--bg-secondary,#f9fafb);border-bottom:1px solid var(--border-primary);flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem;display:flex}.tabs-container .btn-2{border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:var(--border-radius-button);cursor:pointer;background:0 0;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.tabs-container .btn-2.active{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.tabs-container .btn-2:hover:not(.active){background:var(--gray-100);border-color:var(--gray-300)}.form-body{flex-direction:column;gap:1.25rem;max-height:60vh;padding:1.5rem;display:flex;overflow-y:auto}.form-body::-webkit-scrollbar{width:6px}.form-body::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.form-body::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}.form-body::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.form-body__content{flex-direction:column;gap:1.25rem;display:flex}.form-footer{border-top:1px solid var(--border-primary);justify-content:flex-end;gap:.5rem;padding:1.25rem 1.5rem;display:flex}.form-card .field-group{flex-direction:column;gap:.25rem;display:flex}.form-card .field-group label{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.form-card .field-group label i{color:var(--blue-600);width:1.2rem;font-size:.85rem}.form-card .row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-card .category-wrapper,.form-card .client-wrapper{align-items:center;gap:.5rem;display:flex}.form-card .category-select,.form-card .client-select{flex:1}.form-card .required-star{color:var(--red-700)}.input-group{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.input-group .form-input{flex:1;margin-bottom:0}.input-group .btn-6__light{background:var(--red-50);width:2.5rem;height:2.5rem;color:var(--red-700);border-radius:var(--border-radius-button);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.input-group .btn-6__light:hover{background:var(--red-700);color:#fff}.input-group .btn-6__light:disabled{opacity:.4;cursor:not-allowed}.input-group .btn-6__light svg{width:1.25rem;height:1.25rem}.field-group .btn-2{border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:var(--border-radius-button);cursor:pointer;background:0 0;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;display:inline-flex}.field-group .btn-2:hover{background:var(--gray-100);border-color:var(--gray-300)}.field-group .btn-2 svg{width:1rem;height:1rem}.file-upload{border:1px dashed var(--gray-300);border-radius:var(--border-radius-button);text-align:center;cursor:pointer;background:var(--bg-primary);padding:.875rem;transition:all .2s}.file-upload:hover{border-color:var(--gray-500);background:var(--bg-secondary)}.file-upload-hint{color:var(--gray-500);cursor:pointer;justify-content:center;align-items:center;gap:8px;display:flex}.file-delete,.file-remove{width:1.75rem;height:1.75rem;color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-radius:5rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:all .2s;display:inline-flex}.file-delete:hover,.file-remove:hover{background:var(--red-50);color:var(--red-700)}.new-files-list{margin-top:.5rem}.file-item svg{color:var(--gray-700);stroke-width:1.5px;flex-shrink:0}.new-files-list .files-info{background:var(--yellow-50);color:var(--gray-700);border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.375rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.files-to-delete-info{background:var(--red-50);color:var(--red-700);border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.file-item{border-bottom:1px solid var(--border-primary);cursor:pointer;text-overflow:ellipsis;align-items:center;gap:.75rem;padding:.625rem 0;transition:all .2s;display:flex;overflow:hidden}.file-item:last-child{border-bottom:none}.file-item:only-child{border-bottom:none;padding-top:0}.file-item:hover:not(:last-child){border-color:var(--gray-300)}.file-name{word-break:break-all;color:var(--text-primary);flex:1;font-size:.875rem;font-weight:400}.file-size{color:var(--gray-400);flex-shrink:0;font-size:.875rem}.download-icon{color:var(--gray-400);cursor:pointer;flex-shrink:0;transition:color .2s}.download-icon:hover{color:var(--color-brand)}@media (width<=768px){.modal-overlay{align-items:flex-end}.form-card{border-radius:1.25rem 1.25rem 0 0;max-width:100%;max-height:85vh;margin:0}.form-header{padding:1rem}.form-header h2{font-size:1.125rem}.close-icon{width:2rem;height:2rem;padding:0;font-size:1.5rem}.form-body{max-height:65vh;padding:1rem}.form-footer{flex-direction:column;padding:1rem}.form-footer button{justify-content:center;width:100%}.form-card .row-2{grid-template-columns:1fr;gap:.75rem}.tabs-container{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding:.75rem 1rem;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}.tabs-container .btn-2{white-space:nowrap;flex-shrink:0;padding:.5rem 1rem;font-size:.8125rem}.input-group{gap:.5rem}.input-group .form-input{font-size:.875rem}.input-group .btn-6__light{width:2.25rem;height:2.25rem}.input-group .btn-6__light svg{width:1rem;height:1rem}.field-group .btn-2{justify-content:center;width:100%;padding:.625rem}.form-body__content{gap:1rem}.field-group{margin-bottom:0}}@media (width<=640px){.form-card{border-radius:var(--border-radius-modal);max-width:calc(100% - 1rem);margin:0 .5rem}.form-header{padding:1rem}.form-header h2{font-size:1rem}.form-body{max-height:70vh;padding:1rem}.form-footer{flex-direction:column;padding:1rem}.form-footer button{width:100%}.close-icon{padding:0 .25rem;font-size:1.5rem}.tabs-container{flex-wrap:nowrap;padding:.75rem 1rem;overflow-x:auto}.tabs-container .btn-2{white-space:nowrap;flex-shrink:0;padding:.5rem 1rem;font-size:.8125rem}.input-group{gap:.5rem}.field-group .btn-2{justify-content:center;width:100%}}@media (width<=480px){.form-card{max-width:calc(100% - .75rem);max-height:90vh;margin:0 .375rem}.form-header{padding:.875rem}.form-header h2{font-size:.875rem}.form-body{max-height:70vh;padding:.875rem}.form-footer{padding:.875rem}.tabs-container{padding:.5rem .875rem}.tabs-container .btn-2{padding:.375rem .75rem;font-size:.75rem}.input-group .form-input{padding:.5rem .625rem;font-size:.8125rem}.field-group label{margin-bottom:.375rem;font-size:.8125rem}.close-icon{padding:0 .125rem;font-size:1.25rem}}@media (width<=380px){.form-header{padding:.75rem}.form-header h2{font-size:.875rem}.form-body{padding:.75rem}.tabs-container .btn-2{padding:.3125rem .625rem;font-size:.6875rem}.input-group .form-input{padding:.375rem .5rem;font-size:.75rem}.input-group .btn-6__light{width:2rem;height:2rem}.field-group .btn-2{padding:.5rem;font-size:.75rem}.form-footer button{padding:.5rem;font-size:.8125rem}}@media (width<=768px) and (orientation:landscape){.form-card{max-height:90vh}.form-body{max-height:60vh}.tabs-container{padding:.5rem 1rem}.form-header{padding:.75rem 1rem}.form-footer{flex-direction:row;padding:.75rem 1rem}.form-footer button{width:auto;min-width:120px}}.app-layout{min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;display:flex}.app__header{z-index:100;background:var(--bg-card);position:sticky;top:0}.app__main{flex:1;padding:2rem 0}.main__container{max-width:75rem;margin:0 auto;padding:0 1.5rem;position:relative}.container__section{flex-direction:column;flex:1;gap:1.5rem;min-width:0;display:flex}.layout-header{height:4rem;color:var(--text-primary);background:var(--bg-card);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.layout-header__block{align-items:center;gap:2rem;display:flex}.layout-header__right{align-items:center;gap:1rem;display:flex}.layout-header__logo{cursor:pointer;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}.layout-header__logo:hover{opacity:.8}.layout-header__logo:active{opacity:.6}.layout-header__logo svg{width:1.75rem;height:1.75rem;color:var(--color-brand)}.layout-header__logo span{color:var(--text-primary);font-weight:600}@media (width<=768px){.app__main{padding:1.5rem 0}.main__container{max-width:100%;padding:0 1rem}.container__section{gap:1.25rem}.app-layout{flex-direction:column}.layout-header{height:3.75rem;padding:0 1rem}.layout-header__block{gap:1rem}.layout-header__right{gap:.75rem}.layout-header__logo{font-size:1rem}.layout-header__logo svg{width:1.5rem;height:1.5rem}.sidebar-wrapper,.profile__block-wrapper{display:none}}@media (width<=480px){.app__main{padding:1rem 0}.main__container{max-width:100%;padding:0 .75rem}.container__section{gap:1rem}.layout-header{height:3.5rem;padding:0 .75rem}.layout-header__block{gap:.75rem}.layout-header__right{gap:.5rem}.layout-header__logo{font-size:.875rem}.layout-header__logo svg{width:1.25rem;height:1.25rem}.sidebar-wrapper{display:none}}@media (width>=1280px){.main__container{max-width:90rem;padding:0 2rem}.app__main{padding:2.5rem 0}.container__section{gap:2rem}.layout-header{padding:0 2rem}.layout-header__block{gap:2.5rem}.layout-header__logo{font-size:1.375rem}.layout-header__logo svg{width:2rem;height:2rem}}@media (width<=360px){.main__container{padding:0 .5rem}.app__main{padding:.75rem 0}.container__section{gap:.75rem}.layout-header{height:3.25rem;padding:0 .5rem}.layout-header__block,.layout-header__right{gap:.5rem}.layout-header__logo span{display:none}.layout-header__logo svg{width:1.5rem;height:1.5rem}}@media (width<=640px){.main__container{padding:0 .5rem}}@media (width<=768px) and (orientation:landscape){.layout-header{height:3.25rem}.layout-header__logo span{display:inline}}.layout-header.layout-header--scrolled{box-shadow:var(--box-shadow-menu)}@media (prefers-reduced-motion:reduce){.layout-header{transition:none}}.pagination-info{color:var(--text-muted,#64748b);padding:0 12px;font-size:14px}.button__sorting{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-weight:500;display:flex}.button__sorting svg{width:18px;height:18px;transition:transform .2s}.block-clientFilters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.bulk-actions-bar{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border:1px solid #c7d2fe;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-actions-info{color:#4338ca;align-items:center;gap:8px;font-size:14px;display:flex}.bulk-actions-info svg{color:#4338ca}.bulk-actions-info strong{font-weight:600}.bulk-actions-buttons{flex-wrap:wrap;gap:8px;display:flex}.bulk-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.bulk-action-btn.activate{color:#fff;background:#10b981}.bulk-action-btn.activate:hover:not(:disabled){background:#059669}.bulk-action-btn.deactivate{color:#fff;background:#f59e0b}.bulk-action-btn.deactivate:hover:not(:disabled){background:#d97706}.bulk-action-btn.delete{color:#fff;background:#ef4444}.bulk-action-btn.delete:hover:not(:disabled){background:#dc2626}.bulk-action-btn.cancel{background:var(--gray-100,#f3f4f6);color:var(--text-secondary,#374151);border:1px solid var(--gray-200,#d1d5db)}.bulk-action-btn.cancel:hover:not(:disabled){background:var(--gray-200,#e5e7eb)}.bulk-action-btn:disabled{opacity:.6;cursor:not-allowed}.bulk-action-btn svg{width:16px;height:16px}@media (width<=768px){html,body{width:100%}.app-layout,.app-content,.app__main,.main__container,.container__section,.section__general-table-container{max-width:100%}.section__tabs-container,.tabs-container__tab-content,.tab-content,.tab-content-active{overflow:visible!important}.search-input-wrapper{width:100%}.search-input-wrapper input{height:48px;padding:12px 16px;font-size:16px}.block-clientFilters{flex-direction:column;align-items:stretch}.block-clientFilters .btn-1{justify-content:center;width:100%;padding:12px}.bulk-actions-bar{text-align:center;flex-direction:column}.bulk-actions-buttons{justify-content:center}.bulk-action-btn{padding:8px 14px}.section__general-table-container{border:none;overflow-x:hidden}.section__general-table-container thead,.section__general-table-container tfoot{display:none}.section__general-table-container tbody tr{background:var(--bg-card,white);cursor:pointer;border-radius:16px;margin-bottom:16px;padding:16px;transition:transform .2s;display:block;position:relative;box-shadow:0 2px 8px #00000014}.section__general-table-container tbody tr:active{transform:scale(.98)}.section__general-table-container td{border:none;align-items:flex-start;gap:12px;padding:8px 0;display:flex;background:0 0!important}.section__general-table-container td:before{content:attr(data-label);min-width:90px;color:var(--text-primary,#374151);flex-shrink:0;font-size:13px;font-weight:600}.section__general-table-container td:first-child{width:auto;padding:0;position:absolute;top:16px;right:16px}.section__general-table-container td:first-child:before{display:none}.section__general-table-container td:nth-child(2){flex-direction:column;margin-bottom:8px;padding-right:40px}.section__general-table-container td:nth-child(2):before{display:none}.section__general-table-container td:nth-child(3):before{content:"Телефон"}.section__general-table-container td:nth-child(4):before{content:"Email"}.client__box{gap:12px;width:100%;display:flex}.client__box__start .start__box{background:var(--gray-100,#f3f4f6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.client__box__start svg{width:24px;height:24px;color:var(--text-secondary,#4b5563)}.client__box__end{flex:1}.name.name__one{color:var(--text-primary,#111827);margin-bottom:4px;font-size:16px;font-weight:600}.end__desription{color:var(--text-muted,#6b7280);margin-bottom:8px;font-size:12px}.name__items{margin-top:8px}.items__item{color:var(--text-secondary,#4b5563);flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.item__start{color:var(--text-primary,#374151);min-width:100px;font-weight:500}.item__end{word-break:break-word;flex:1}.custom-pagination{border-top:1px solid var(--border-primary,#e5e7eb);margin-top:24px;padding:16px 0;display:block}.custom-pagination .pagination{justify-content:center;align-items:center;gap:16px;display:flex}.custom-pagination .page-btn{background:var(--gray-100,#f3f4f6);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;min-width:44px;height:44px;display:flex}.custom-pagination .page-btn svg{width:20px;height:20px}.custom-pagination .pagination-info{background:var(--gray-100,#f3f4f6);border-radius:24px;padding:6px 16px;font-size:14px}}@media (width<=480px){.section__general-table-container tbody tr{padding:12px}.section__general-table-container td:before{min-width:75px;font-size:12px}.client__box__start .start__box{width:40px;height:40px}.client__box__start svg{width:20px;height:20px}.name.name__one{font-size:15px}.items__item{gap:6px;font-size:12px}.item__start{min-width:85px}.custom-pagination .page-btn{min-width:40px;height:40px}.custom-pagination .page-btn svg{width:18px;height:18px}.bulk-action-btn{padding:6px 12px;font-size:12px}}@media (width<=380px){.section__general-table-container td:before{min-width:65px;font-size:11px}.item__start{min-width:70px}.custom-pagination .page-btn{min-width:36px;height:36px}.custom-pagination .page-btn svg{width:16px;height:16px}.bulk-action-btn{padding:5px 10px;font-size:11px}.bulk-action-btn svg{width:14px;height:14px}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.section__general-table-container tbody tr{animation:.3s cardFadeIn}}.custom-pagination{display:none}@media (width<=768px){.custom-pagination{border-top:1px solid var(--border-primary,#e5e7eb);margin-top:.75rem;padding:.5rem 0;display:block}.custom-pagination .pagination{justify-content:center;align-items:center;gap:.75rem;display:flex}.custom-pagination .page-btn{background:var(--bg-secondary,#f3f4f6);border:1px solid var(--border-primary,#d1d5db);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;display:flex}.custom-pagination .page-btn:disabled{opacity:.5;cursor:not-allowed}.custom-pagination .page-btn svg{width:1rem;height:1rem;color:var(--text-secondary,#374151)}.custom-pagination .pagination-info{background:var(--bg-secondary,#f3f4f6);color:var(--text-secondary,#4b5563);border-radius:1rem;padding:.25rem .75rem;font-size:.75rem}}.order-page{flex-direction:column;gap:1.5rem;display:flex}.filter-modal{flex-direction:column;gap:1rem;display:flex;position:relative}.tab-data{display:none}.data-order__category{color:var(--green-700);margin-bottom:.5rem;font-size:1rem}.data-order__number{justify-content:flex-start;align-items:center;gap:1rem;padding-bottom:.875rem;display:flex;position:relative}.number__name{justify-content:space-between;align-items:center;gap:.5rem;font-size:1.125rem;display:flex}.data-order__name{justify-content:flex-start;gap:.375rem;margin:1rem 0 .5rem;font-size:1.375rem;font-weight:500;display:flex;position:relative}.data-order__name span{font-weight:500}.data-order__description{white-space:pre-wrap;word-wrap:break-word;word-break:break-word;justify-content:flex-start;margin:.5rem 0 .875rem;font-size:1rem;line-height:1.4;display:flex;position:relative}.control__categories span{color:var(--text-primary)}.control__categories svg{width:1rem;height:1rem}.data-list{gap:.75rem;font-size:1rem;display:flex}.data-list-item{color:var(--text-muted);flex-direction:row;justify-content:flex-start;align-items:center;gap:.25rem;display:flex}.data-list-item:not(:first-child):before{content:" · ";margin-inline-end:.5rem}.data-list-item .item-title svg{width:1rem;height:1rem}.data-list-item a{text-decoration:underline}.data-list-item a:hover{color:var(--color-brand)}.refreshing{opacity:.6;cursor:not-allowed}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile{display:none}.section__cards-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.hint__box{cursor:help;position:absolute;top:.375rem;right:.375rem}.hint__box svg{width:1rem;height:1rem;color:var(--text-muted)}.hint__box svg:hover{color:var(--text-secondary)}.section__filters-block{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:10px;display:flex}.filter-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-container);padding:1.125rem;transition:all .3s}.filters-block__flex{flex-wrap:wrap;gap:.5rem;display:flex}.box__search{height:var(--height-button);border-radius:var(--border-radius-button);background:var(--bg-card);border:1px solid var(--border-primary);width:27rem;max-width:100%;box-shadow:var(--box-shadow-card);justify-content:space-between;align-items:center;display:flex;position:relative}.box__search input{height:var(--height-button);width:100%;color:var(--text-primary);background:0 0;border:0;padding:0 1rem}.box__search:has(input:focus){border:1px solid var(--color-brand);box-shadow:0 0 0 .1875rem var(--color-brand-transparent);background:var(--bg-card);outline:none}.box__search input:focus{box-shadow:none;outline:none}.box__search input::placeholder{color:var(--text-muted)}.search__container-icon{align-items:center;height:2.5rem;margin-right:.875rem;display:flex}.search__container-icon svg{width:1.375rem;height:1.375rem}.selected-tags{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.selected-tag{background:var(--color-brand-transparent);border:1px solid var(--color-brand);border-radius:var(--border-radius-button);color:var(--color-brand);align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:inline-flex}.remove-tag{cursor:pointer;width:1rem;height:1rem;color:var(--color-brand);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.125rem;line-height:1;display:inline-flex}.remove-tag:hover{color:var(--red-700)}.filter-container__section{flex-direction:column;gap:1rem;display:flex}.filter-group{flex-direction:column;flex:1;gap:.625rem;width:100%;min-width:0;display:flex}.filter-flex-block{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.filter-group.date{width:25rem;max-width:100%}.filter-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.date-range{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.date-range input{border:1px solid var(--border-primary);border-radius:var(--border-radius-button);background:var(--bg-card);color:var(--text-primary);height:var(--height-button);padding:.5rem .75rem}.multiselect{width:100%;position:relative}.multiselect-header{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border-primary);border-radius:var(--border-radius-container);background:var(--bg-card);height:var(--height-button);color:var(--text-primary);justify-content:space-between;align-items:center;padding:.8rem 1rem;transition:all .2s;display:flex}.multiselect-header:hover{border-color:var(--color-brand);box-shadow:0 0 0 .1875rem var(--color-brand-transparent)}.multiselect-header .arrow{color:var(--text-muted);font-size:.75rem;transition:transform .2s}.multiselect-header .arrow-open{transform:rotate(180deg)}@media (width>=769px){.multiselect-dropdown{background:var(--bg-dropdown);border:1px solid var(--border-primary);border-radius:var(--border-radius-container);box-shadow:var(--dropdown-shadow);z-index:1050;max-height:15rem;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow-y:auto}}@media (width<=768px){.multiselect-dropdown{border-radius:var(--border-radius-container);background:var(--bg-dropdown);z-index:1050;border:1px solid var(--border-primary);width:100%;max-height:15rem;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow-y:auto}}.search-in-dropdown{border-bottom:1px solid var(--border-primary);background:var(--bg-dropdown);z-index:1;padding:.5rem;position:sticky;top:0}.search-in-dropdown input{border:1px solid var(--border-primary);border-radius:var(--border-radius-button);background:var(--bg-primary);width:100%;color:var(--text-primary);outline:none;padding:.5rem .75rem;font-size:.875rem}.search-in-dropdown input:focus{border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-transparent)}.search-in-dropdown input::placeholder{color:var(--text-muted)}.dropdown-actions{border-top:1px solid var(--border-primary);background:var(--bg-dropdown);z-index:1;gap:.5rem;padding:.5rem;display:flex;position:sticky;bottom:0}.filter-action-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-button);cursor:pointer;color:var(--text-secondary);text-align:center;flex:1;padding:.375rem .5rem;font-size:.75rem;transition:all .2s}.filter-action-btn:hover{background:var(--color-brand-transparent);border-color:var(--color-brand);color:var(--color-brand)}.dropdown-list{max-height:15rem;overflow-y:auto}.checkbox-option{cursor:pointer;align-items:center;gap:.5rem;padding:.75rem .875rem;transition:background .2s;display:flex}.checkbox-option:hover{background:var(--bg-dropdown-hover)}.checkbox-option input[type=checkbox]{cursor:pointer;width:1rem;height:1rem;accent-color:var(--checkbox-accent);flex-shrink:0;margin:0}.checkbox-label{cursor:pointer;color:var(--text-primary);flex:1;font-size:.875rem}.empty-message{text-align:center;color:var(--text-muted);padding:1rem;font-size:.875rem}.filter-actions{border-top:1px solid var(--border-primary);flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.filter-actions button{border-radius:var(--border-radius-button);cursor:pointer;flex:1;min-width:120px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.filter-actions .btn-4{background:var(--color-brand);color:var(--color-white);border:none}.filter-actions .btn-4:hover{filter:brightness(.95);transform:translateY(-1px)}.filter-actions .btn-2{border:1px solid var(--border-primary);color:var(--text-secondary);background:0 0}.filter-actions .btn-2:hover{background:var(--bg-secondary);border-color:var(--gray-300)}.section__general-table-container{border:none;width:100%;overflow-x:auto}.section__general-table-container table{border-collapse:collapse;width:100%;min-width:800px}.section__general-table-container th{text-align:left;background:var(--bg-secondary);color:var(--text-secondary);border-bottom:1px solid var(--border-primary);padding:.75rem;font-size:.875rem;font-weight:600}.section__general-table-container td{border-bottom:1px solid var(--border-secondary);vertical-align:middle;color:var(--text-primary);padding:1rem .75rem}.section__general-table-container tbody tr{cursor:pointer;transition:background .2s}.section__general-table-container tbody tr:hover{background:var(--bg-secondary)}.number.link{color:var(--color-brand);cursor:pointer;font-weight:500}.number.link:hover{text-decoration:underline}.name{color:var(--text-primary);margin:.25rem 0;font-weight:600}.description{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:.875rem;overflow:hidden}.status-wrapper{align-items:center;gap:.5rem;display:flex}.loading-state,.empty-state{text-align:center;color:var(--text-muted);padding:2rem}.bulk-actions-menu{background:var(--bg-card);border-radius:var(--border-radius-modal);box-shadow:var(--box-shadow-modal);z-index:1000;border:1px solid var(--border-primary);align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.bulk-actions-menu__info{color:var(--text-primary);align-items:center;gap:.5rem;display:flex}.clear-btn{cursor:pointer;color:var(--color-brand);background:0 0;border:none}.clear-btn:hover{text-decoration:underline}.bulk-actions-menu__actions{gap:.5rem;display:flex}.dropdown-group{position:relative}.dropdown-content{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius-container);box-shadow:var(--box-shadow-modal);z-index:1001;min-width:11.25rem;margin-bottom:.5rem;display:none;position:absolute;bottom:100%;left:0;overflow:hidden}.dropdown-content.show{display:block}.dropdown-content button{text-align:left;cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;justify-content:flex-start;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:background .2s;display:flex}.dropdown-content button:hover{background:var(--bg-secondary)}.category-wrapper,.client-wrapper{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.category-select,.client-select{flex:1;min-width:0}.warning-banner{background:var(--yellow-50);border:1px solid var(--yellow-700);color:var(--yellow-800);border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.875rem 1rem;display:flex}.warning-content{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.warning-content strong{font-weight:600}.warning-content a{color:var(--yellow-800);cursor:pointer;margin-left:.5rem;text-decoration:underline}.warning-content a:hover{color:var(--yellow-900)}.loading-banner{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-muted);border-radius:.75rem;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.875rem 1rem;display:flex}.file-upload{border:1px dashed var(--border-primary);border-radius:var(--border-radius-container);text-align:center;cursor:pointer;padding:.875rem;transition:all .2s}.file-upload-hint{flex-wrap:wrap;justify-content:center;gap:.875rem;display:flex}.file-upload:hover{border-color:var(--text-muted)}.file-input{display:none}.selected-files{margin-top:1rem}.file-size{color:var(--text-muted);font-size:.75rem}.file-remove{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0 .5rem;font-size:1.25rem}.file-remove:hover{color:var(--red-700)}.status-new{color:var(--blue-600,#409eff)}.status-shipped,.status-delivered{color:var(--green-700,#67c23a)}.status-cancelled{color:var(--red-700,#f56c6c)}.status-color-dot{border-radius:50%;width:.625rem;height:.625rem;display:inline-block}.status-color-dot.new{background-color:var(--blue-600,#409eff)}.status-color-dot.processing{background-color:var(--orange-500,#e6a23c)}.status-color-dot.shipped,.status-color-dot.delivered{background-color:var(--green-700,#67c23a)}.status-color-dot.cancelled{background-color:var(--red-700,#f56c6c)}.dropdown-enter-active,.dropdown-leave-active{transition:all .2s}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translateY(-.5rem)}.loading-status,.empty-status{color:var(--text-muted);text-align:center;padding:.5rem 1rem;font-size:.875rem}@media (width>=769px){.section__general-table-container table{border:1px solid var(--border-primary);border-radius:var(--border-radius-container)}.section__general-table-container th{border-bottom:1px solid var(--border-primary)}.section__general-table-container td{border-bottom:1px solid var(--border-secondary)}.section__general-table-container tbody tr:last-child td{border-bottom:none}}@media (width<=768px){.order-page{gap:.75rem}.data-order__category{font-size:.75rem}.data-order__number{flex-direction:column;align-items:flex-start;gap:.5rem;padding-bottom:.5rem}.number__name{font-size:.875rem}.data-order__name{margin:.5rem 0 .25rem;font-size:1rem}.data-order__description{margin:.25rem 0 .5rem;font-size:.75rem}.data-list{gap:.375rem;font-size:.75rem}.data-list-item .item-title svg{width:.875rem;height:.875rem}button.desktop{display:none}.mobile{display:block}button.mobile{width:2.5rem;height:2.25rem;padding:0;display:flex}.block-tabs__button span{display:none}.block-tabs__button svg{width:1rem;height:1rem}.section__cards-grid{grid-template-columns:repeat(1,1fr);gap:.5rem}.cards-grid__card{padding:.75rem}.card__title{font-size:.875rem}.content__amount{font-size:1.25rem}.amount__currency{font-size:1rem}.section__filters-block{flex-direction:column;gap:.75rem}.filter-container{padding:.75rem}.filters-block__flex{flex-direction:column;width:100%}.box__search{width:100%;height:2.5rem}.box__search input{height:2.5rem;padding:0 .75rem;font-size:.875rem}.search__container-icon svg{width:1rem;height:1rem}.filter-flex-block{flex-direction:column;gap:.75rem;width:100%}.filter-group{gap:.375rem;width:100%!important;min-width:100%!important}.filter-group.date{width:100%}.filter-label{margin-bottom:.125rem;font-size:.75rem}.date-range{flex-direction:column;gap:.375rem;width:100%}.date-range input{height:2.25rem;padding:.375rem .5rem;font-size:.75rem}.filter-actions{flex-direction:column;gap:.375rem;margin-top:.75rem;padding-top:.5rem}.filter-actions button{justify-content:center;width:100%;min-width:100%;padding:.375rem .5rem;font-size:.75rem}.multiselect-header{height:2.5rem;padding:.5rem .75rem;font-size:.75rem}.multiselect-header .arrow{font-size:.625rem}.checkbox-option{padding:.5rem .625rem}.checkbox-label{font-size:.75rem}.section__general-table-container{overflow:visible}.section__general-table-container table{border:none;min-width:auto}.section__general-table-container thead{display:none}.section__general-table-container tbody tr{background:var(--bg-card);box-shadow:var(--box-shadow-card);border:1px solid var(--border-primary);cursor:pointer;border-radius:.75rem;margin-bottom:.75rem;padding:.75rem;display:block;position:relative}.section__general-table-container table tbody td{height:auto}.section__general-table-container td{border:none;align-items:flex-start;gap:.5rem;padding:.375rem 0;display:flex;background:0 0!important}.section__general-table-container td:before{content:attr(data-label);min-width:4rem;color:var(--text-secondary);font-size:.65rem;font-weight:600}.section__general-table-container td:first-child{width:auto;padding:0;position:absolute;top:.75rem;right:.75rem}.section__general-table-container td:first-child:before{display:none}.section__general-table-container td:nth-child(2):before{content:"Дата:"}.section__general-table-container td:nth-child(3){flex-direction:column;padding:0}.section__general-table-container td:nth-child(3):before{display:none}.section__general-table-container td:nth-child(4):before{content:"Сумма:"}.section__general-table-container td:nth-child(5):before{content:"Статус:"}.description{white-space:normal;max-width:100%;font-size:.7rem}.status-wrapper{align-items:center}.custom-pagination{border-top:1px solid var(--border-primary);margin-top:.75rem;padding:.5rem 0;display:block}.custom-pagination .pagination{justify-content:center;align-items:center;gap:.75rem;display:flex}.custom-pagination .page-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;display:flex}.custom-pagination .page-btn svg{width:1rem;height:1rem;color:var(--text-secondary)}.custom-pagination .pagination-info{background:var(--bg-secondary);color:var(--text-secondary);border-radius:1rem;padding:.25rem .75rem;font-size:.75rem}.section__general-table-container tfoot{display:none}.bulk-actions-menu{background:var(--bg-card);width:100%;box-shadow:var(--box-shadow-modal);border:1px solid var(--border-primary);z-index:1000;border-bottom:none;border-radius:1rem 1rem 0 0;flex-direction:column;gap:.75rem;padding:.75rem;position:fixed;inset:auto 0 0;transform:none}.bulk-actions-menu__info{justify-content:center;padding:.25rem 0;font-size:.875rem}.bulk-actions-menu__info svg{width:1rem;height:1rem}.bulk-actions-menu__actions{flex-direction:column;gap:.5rem;width:100%;display:flex}.dropdown-group{width:100%;position:relative}.dropdown-group .action-btn{justify-content:center;width:100%}.dropdown-content{background:var(--bg-card);width:100%;max-width:none;box-shadow:var(--box-shadow-modal);z-index:1001;border:1px solid var(--border-primary);border-bottom:none;border-radius:1rem 1rem 0 0;max-height:60vh;margin:0;padding:.5rem 0;position:fixed;inset:auto 0 0;overflow-y:auto;transform:none}.dropdown-content.show{display:block}.dropdown-content button{text-align:left;cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;justify-content:flex-start;align-items:center;gap:.5rem;min-height:3rem;padding:.75rem 1rem;font-size:.875rem;transition:background .2s;display:flex}.dropdown-content button:active{background:var(--bg-secondary)}.dropdown-content button svg{flex-shrink:0;width:1rem;height:1rem}.bulk-action-btn{border-radius:var(--border-radius-button);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:2.25rem;padding:.5rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.bulk-action-btn.activate{background:var(--green-700,#10b981);color:#fff}.bulk-action-btn.deactivate{background:var(--yellow-700,#f59e0b);color:#fff}.bulk-action-btn.delete{background:var(--red-700,#ef4444);color:#fff}.bulk-action-btn.cancel{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.category-wrapper,.client-wrapper{flex-direction:column;gap:.5rem}.category-select,.client-select{width:100%}.category-wrapper .btn-2,.client-wrapper .btn-2{justify-content:center;width:100%;padding:.375rem;font-size:.75rem}.warning-banner{gap:.5rem;padding:.5rem}.warning-content{gap:.25rem;font-size:.7rem}.file-upload{padding:.5rem}.file-upload-hint{gap:.375rem;font-size:.75rem}.selected-files{gap:.375rem;margin-top:.5rem}.file-size{font-size:.65rem}.file-remove{font-size:1rem}.tab-data{background:var(--bg-secondary);border-radius:var(--border-radius-button);justify-content:flex-start;align-items:center;padding:.5rem .75rem;font-size:.75rem;display:flex}.modal-overlay{align-items:flex-end}.form-card{border-radius:1rem 1rem 0 0;width:100%;max-width:100%;max-height:85vh;margin:0}.form-header{background:var(--bg-card);z-index:10;padding:.75rem;position:sticky;top:0}.form-header h2{font-size:1rem}.form-body{gap:.75rem;max-height:calc(85vh - 100px);padding:.75rem;overflow-y:auto}.form-body .field-group{gap:.25rem}.form-body .field-group label{margin-bottom:.25rem;font-size:.75rem}.form-body .field-group input,.form-body .field-group textarea{padding:.5rem;font-size:.75rem}.form-footer{background:var(--bg-card);border-top:1px solid var(--border-primary);flex-direction:column;gap:.5rem;padding:.75rem;position:sticky;bottom:0}.form-footer button{justify-content:center;width:100%;padding:.5rem;font-size:.75rem}.close-icon{width:1.75rem;height:1.75rem;padding:0;font-size:1.25rem}}@media (width>=769px){.custom-pagination{display:none}}@media (width<=480px){.section__cards-grid{grid-template-columns:repeat(1,1fr)}.order-tabs__btn{min-width:calc(50% - .25rem);padding:.375rem .25rem;font-size:.65rem}.number__name{font-size:.75rem}.data-order__name{font-size:.875rem}.data-order__description{font-size:.65rem}.data-list-item .item-title svg{width:.7rem;height:.7rem}.page-control__actions button{min-width:calc(33.33% - .25rem);padding:.375rem;font-size:.7rem}.form-card{max-height:96vh}.form-header{padding:.625rem}.form-header h2{font-size:.875rem}.form-body,.form-footer{padding:.625rem}.form-footer button{padding:.5rem;font-size:.7rem}}@media (width<=768px) and (orientation:landscape){.form-card{max-height:90vh}.form-body{max-height:calc(90vh - 90px)}.form-footer{flex-direction:row}.form-footer button{flex:1;width:auto}}@media (width>=769px) and (width<=1024px){.section__cards-grid{grid-template-columns:repeat(3,1fr)}}.settings-page{min-height:100vh}.settings-header{margin-bottom:2rem}.settings-header h1{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.5rem;font-size:1.875rem;font-weight:600}.settings-header p{color:var(--text-muted);max-width:600px;font-size:1rem}.settings-layout{flex-wrap:wrap;gap:1.5rem;display:flex}.settings-sidebar{flex:0 0 260px}.nav-menu{background:var(--bg-card);border-radius:var(--border-radius-modal);box-shadow:var(--box-shadow-container);border:1px solid var(--border-primary);padding:.75rem;position:sticky;top:5.5rem}.nav-item{cursor:pointer;border-radius:var(--border-radius-container);color:var(--text-muted);align-items:center;gap:.875rem;margin-bottom:.25rem;padding:.875rem;transition:all .2s;display:flex}.nav-item svg{stroke:currentColor;stroke-width:1.7px;fill:none;width:1.25rem;height:1.25rem}.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active{background:var(--color-brand-transparent);color:var(--color-brand)}.settings-content{flex:1;min-width:0}.settings-tab-pane{width:100%}.settings-card{background:var(--bg-card);border-radius:var(--border-radius-modal);box-shadow:var(--box-shadow-container);border:1px solid var(--border-primary);margin-bottom:1.75rem;padding:1.75rem 2rem}.card-header{border-bottom:1px solid var(--border-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.card-header h2{color:var(--text-primary);font-size:1.35rem;font-weight:600}.card-header .badge{background:var(--blue-50);color:var(--blue-700);border-radius:30px;padding:.25rem .7rem;font-size:.75rem;font-weight:500}.card-description{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-row{flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;display:flex}.form-row .form-group{flex:1;margin-bottom:0}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;display:block}.form-group input{border:1px solid var(--border-primary);border-radius:var(--border-radius-button);background:var(--bg-primary);width:100%;height:var(--height-button);color:var(--text-primary);outline:none;padding:.75rem .875rem;font-family:inherit;font-size:.875rem;transition:all .2s}.form-group input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-transparent);outline:none}.input-hint{color:var(--text-muted);margin-top:.3rem;font-size:.7rem}.button-group{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.btn-primary{background:var(--color-brand);color:var(--color-white);border-radius:var(--border-radius-button);cursor:pointer;border:none;padding:.5rem 1.5rem;font-weight:500;transition:all .2s}.btn-primary:hover{filter:brightness(.95);transform:translateY(-1px)}.btn-outline{border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:var(--border-radius-button);cursor:pointer;background:0 0;padding:.5rem 1.5rem;font-weight:500;transition:all .2s}.btn-outline:hover{background:var(--bg-secondary);border-color:var(--gray-300)}.btn-sm{align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}.toggle-item{border-bottom:1px solid var(--border-secondary);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.toggle-item.first{padding-top:0}.toggle-item.last{border-bottom:none}.toggle-info h4{color:var(--text-primary);margin-bottom:.2rem;font-size:1rem;font-weight:500}.toggle-info p{color:var(--text-muted);font-size:.8rem}.theme-options{grid-template-columns:repeat(auto-fill,minmax(140px,160px));gap:1rem;display:grid}.theme-option{cursor:pointer;border-radius:var(--border-radius-container);border:2px solid var(--border-primary);width:100%;max-width:160px;transition:all .2s;position:relative;overflow:hidden}.theme-option:hover{box-shadow:var(--box-shadow-card);transform:translateY(-2px)}.theme-option.active{border-color:var(--color-brand)}.theme-preview{height:80px;padding:.5rem}.theme-preview[data-theme-preview=light]{background:#fff}.theme-preview[data-theme-preview=dark]{background:#0f172a}.theme-preview[data-theme-preview=blue]{background:#f0f9ff}.theme-preview[data-theme-preview=green]{background:#f0fdf4}.theme-preview-header{background:var(--gray-200);border-radius:4px;height:16px;margin-bottom:6px}.theme-preview-body{background:var(--gray-100);border-radius:4px;height:30px}.theme-info{background:var(--bg-secondary);color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.75rem;display:flex}.theme-check{background:var(--color-brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:6px;right:6px}.statuses-list{flex-direction:column;gap:1.5rem;display:flex}.status-cards{flex-direction:column;gap:.5rem;display:flex}.status-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem;transition:all .2s;display:flex}.status-card:hover{border-color:var(--gray-300);box-shadow:var(--box-shadow-card)}.li_status{justify-content:center;align-items:center;gap:1rem;display:flex}.status__trigger{background:var(--bg-secondary);cursor:pointer;height:2.25rem;color:var(--text-primary);border-radius:5rem;justify-content:center;align-items:center;gap:.375rem;padding:0 1rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.status__trigger:hover{background:var(--gray-200)}.status__trigger svg{width:1.125rem;height:1.125rem;position:relative;top:1px}.business-tag{background:var(--bg-secondary);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.status-actions{gap:.25rem;padding-right:.5rem;display:flex}.action-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.action-btn:hover{background:var(--bg-secondary)}.action-btn.edit:hover{color:var(--text-primary)}.action-btn.delete:hover{color:var(--red-700)}.subscription-info{width:100%}.plan-card{background:linear-gradient(135deg, var(--green-50) 0%, var(--green-30) 100%);border-radius:20px;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.plan-card.expiring-soon{background:linear-gradient(135deg, var(--red-50) 0%, #ffcdd2 100%)}.plan-icon{background:var(--color-brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.plan-details{flex:1}.plan-price{color:var(--green-700);margin-bottom:.5rem;font-size:1rem;font-weight:600}.plan-period,.plan-days-left,.plan-auto-renew{color:var(--green-800);align-items:center;gap:.5rem;margin-top:.25rem;font-size:.8rem;display:flex}.plan-days-left.warning{color:var(--red-700);font-weight:600}.plan-auto-renew .enabled{color:var(--green-700)}.plan-auto-renew .disabled{color:var(--red-700)}.plan-actions{flex-wrap:wrap;gap:.75rem;display:flex}.warning-banner{background:var(--yellow-50);color:var(--yellow-800);border-radius:12px;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.no-subscription{text-align:center;padding:2rem}.no-subscription svg{color:var(--text-muted);margin-bottom:1rem}.no-subscription h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem}.no-subscription p{color:var(--text-muted);margin-bottom:1.5rem}.history-list,.payments-list{flex-direction:column;gap:.75rem;display:flex}.history-item,.payment-item{background:var(--bg-secondary);border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem;display:flex}.history-icon,.payment-icon{background:var(--gray-200);width:40px;height:40px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.payment-icon.success{background:var(--green-50);color:var(--green-700)}.history-details,.payment-details{flex:1}.history-plan,.payment-amount{color:var(--text-primary);margin-bottom:.25rem;font-weight:600}.history-period,.payment-date{color:var(--text-muted);font-size:.7rem}.payment-plan{color:var(--text-muted);font-size:.75rem}.history-status{background:var(--gray-200);color:var(--text-muted);border-radius:20px;padding:.25rem .5rem;font-size:.75rem}.history-status.active{background:var(--green-50);color:var(--green-700)}.payment-status{border-radius:20px;padding:.25rem .5rem;font-size:.75rem}.payment-status.succeeded{background:var(--green-50);color:var(--green-700)}.payment-status.pending{background:var(--yellow-50);color:var(--yellow-800)}.payment-status.failed{background:var(--red-50);color:var(--red-700)}.empty-payment{text-align:center;color:var(--text-muted);padding:1.5rem}.storage-info{margin-bottom:1.5rem}.storage-header{color:var(--text-secondary);justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;display:flex}.progress-bar{background:var(--gray-200);border-radius:10px;height:8px;overflow:hidden}.progress-fill{border-radius:10px;height:100%;transition:width .3s}.storage-warning{color:var(--red-700);margin-top:.5rem;font-size:.75rem}.modules-info{margin-top:1rem}.section-title{color:var(--text-muted);text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.module-tag{background:var(--blue-50);color:var(--blue-700);border-radius:20px;padding:.25rem .75rem;font-size:.75rem}.upgrade-section{text-align:center;margin-top:1.5rem}.admin-badge{background:linear-gradient(135deg, var(--blue-600), var(--blue-800));color:#fff;border-radius:20px;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.unlimited-hint{background:var(--blue-50);color:var(--blue-700);text-align:center;border-radius:12px;padding:.75rem;font-size:.875rem}.admin-module{background:linear-gradient(135deg, var(--blue-100), var(--blue-200));color:var(--blue-800)}.admin-module-hint{color:var(--blue-600);text-align:center;margin-top:.5rem;font-size:.7rem}.loading-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.spinner{border:2px solid var(--border-primary);border-top-color:var(--color-brand);border-radius:50%;width:32px;height:32px;animation:.6s linear infinite spin}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.empty-state svg{color:var(--gray-300);margin-bottom:1rem}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.125rem;font-weight:500}.empty-state p{margin-bottom:1.5rem;font-size:.875rem}.demo-info{color:var(--text-muted);align-items:center;gap:8px;font-size:.875rem;display:flex}@media (width<=768px){.settings-header h1{font-size:1.5rem}.settings-header p{font-size:.875rem}.settings-layout{flex-direction:column}.settings-sidebar{flex:auto;width:100%}.nav-menu{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-flow:row;gap:.5rem;padding:.75rem;display:flex;position:relative;top:0;overflow:auto visible}.nav-menu::-webkit-scrollbar{height:3px}.nav-menu::-webkit-scrollbar-track{background:var(--gray-200);border-radius:10px}.nav-menu::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:10px}.nav-item{white-space:nowrap;flex-shrink:0;margin-bottom:0}.settings-card{padding:1rem}.card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.form-row{flex-direction:column;gap:1rem}.button-group{flex-direction:column}.button-group button{justify-content:center;width:100%}.theme-options{grid-template-columns:repeat(auto-fill,minmax(140px,140px));justify-content:flex-start}.plan-card{text-align:center;flex-direction:column}.plan-details{text-align:center}.plan-period,.plan-days-left,.plan-auto-renew{justify-content:center}.plan-actions{flex-direction:column;width:100%}.plan-actions button{justify-content:center;width:100%}.toggle-item{flex-direction:column;align-items:flex-start;gap:.5rem}.status-card{flex-direction:column;align-items:flex-start}.li_status{flex-wrap:wrap}.status-actions{align-self:flex-end}}@media (width<=480px){.settings-header h1{font-size:1.25rem}.settings-card{padding:.75rem}.card-header h2{font-size:1.125rem}.theme-options{grid-template-columns:repeat(auto-fill,minmax(120px,120px));justify-content:center}.status__trigger{height:2rem;padding:0 .75rem;font-size:.75rem}.history-item,.payment-item{text-align:center;flex-direction:column}}.tariffs-page{max-width:75rem;margin:0 auto;padding:2rem 1.5rem}.tariffs-header{text-align:center;margin-bottom:2rem}.tariffs-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.tariffs-header p{color:var(--text-muted)}.billing-toggle{background:var(--bg-secondary);border-radius:2rem;justify-content:center;gap:.5rem;width:fit-content;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:.25rem;display:flex}.toggle-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:1.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.toggle-btn.active{background:var(--color-brand);color:#fff}.savings-badge{background:var(--green-50);color:var(--green-700);border-radius:1rem;margin-left:.5rem;padding:.125rem .375rem;font-size:.65rem}.plans-row{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.plan-card{background:var(--bg-card);border-radius:var(--border-radius-modal);border:1px solid var(--border-primary);cursor:pointer;flex:1;min-width:280px;max-width:360px;padding:1.5rem;transition:all .3s;position:relative}.plan-card:hover{box-shadow:var(--box-shadow-modal);transform:translateY(-2px)}.plan-card.selected{border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-transparent)}.plan-card.popular{border:2px solid var(--yellow-700);background:linear-gradient(135deg, var(--bg-card) 0%, var(--yellow-50) 100%)}.plan-card.free{background:var(--bg-secondary)}.plan-badge{box-shadow:var(--box-shadow-card);border-radius:5rem;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.7rem;font-weight:600;display:inline-flex;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.plan-badge.popular{background:var(--yellow-700);color:#fff}.plan-header{text-align:center;margin-bottom:1rem}.plan-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.plan-price{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.125rem;display:inline-flex}.price{color:var(--color-brand);font-size:1.5rem;font-weight:800}.period{color:var(--text-muted);font-size:.75rem}.savings-tag{text-align:center;color:var(--yellow-700);margin-top:.25rem;font-size:.7rem;font-weight:500}.plan-description{text-align:center;color:var(--text-muted);margin-bottom:1rem;font-size:.875rem}.plan-storage{background:var(--bg-secondary);border-radius:var(--border-radius-button);color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.plan-file-size{display:none}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.plan-modules{margin-bottom:1rem}.modules-list{flex-wrap:wrap;gap:.375rem;display:flex}.module-item{background:var(--blue-50);color:var(--blue-700);border-radius:5rem;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.7rem;display:inline-flex}.plan-features{margin-bottom:1.25rem}.features-list{flex-direction:column;gap:.375rem;display:flex}.feature-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.check-icon{color:var(--green-700);flex-shrink:0;width:1rem;height:1rem}.select-btn{border:1px solid var(--border-primary);border-radius:var(--border-radius-button);cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;padding:.625rem;font-size:.875rem;font-weight:500;transition:all .2s}.select-btn.active{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.subscribe-footer{justify-content:center;margin-top:2rem;display:flex}.subscribe-btn{background:var(--color-brand);color:#fff;border-radius:var(--border-radius-button);cursor:pointer;border:none;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.subscribe-btn:hover:not(:disabled){filter:brightness(.95);transform:translateY(-1px)}.admin-access-text{background:var(--bg-secondary);border-radius:var(--border-radius-button);color:var(--green-700);justify-content:center;align-items:center;gap:.5rem;padding:.625rem;font-size:.875rem;font-weight:500;display:flex}.admin-info-card{background:linear-gradient(135deg, var(--yellow-50), #fde68a);border-radius:var(--border-radius-modal);border:1px solid var(--yellow-700);margin-bottom:2rem;padding:1.25rem}.admin-info-content{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.admin-crown{color:var(--yellow-800)}.admin-info-content h2{color:#92400e;margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.admin-info-content p{color:#78350f;font-size:.875rem}.loading-state,.empty-state{text-align:center;color:var(--text-muted);padding:3rem}@media (width<=768px){.tariffs-page{padding:1rem}.plans-row{flex-direction:column;align-items:center}.plan-card{min-width:100%;max-width:100%}.billing-toggle{border-radius:var(--border-radius-button);flex-direction:column;width:100%;max-width:280px}.toggle-btn{border-radius:var(--border-radius-button)}.admin-info-content{text-align:center;flex-direction:column;gap:.5rem}.subscribe-footer{margin-top:1.5rem}.subscribe-btn{width:100%;max-width:280px}}@media (width<=480px){.tariffs-header h1{font-size:1.5rem}.plan-name{font-size:1.125rem}.price{font-size:1.25rem}.plan-card{padding:1rem}.modules-list{gap:.25rem}.module-item{padding:.125rem .5rem;font-size:.65rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary,.btn--primary{color:#fff;background:#1da464;border:none}.btn-primary:hover,.btn--primary:hover{background:#178a55;transform:translateY(-2px)}.btn-primary:active,.btn--primary:active{transform:translateY(0)}.btn-primary:disabled,.btn--primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline,.btn--outline{color:#1da464;background:0 0;border:1px solid #1da464}.btn-outline:hover,.btn--outline:hover{color:#fff;background:#1da464;transform:translateY(-2px)}.btn-large,.btn--large{padding:14px 28px;font-size:1.1rem}.btn--small{gap:4px;padding:6px 12px;font-size:12px}.btn--full{justify-content:center;width:100%}.btn--icon{border-radius:8px;padding:8px}.btn--icon svg{width:20px;height:20px}.btn-login{color:#1f2937;cursor:pointer;background:0 0;border:1px solid #1da464;border-radius:8px;padding:8px 20px;font-weight:500;transition:all .2s}.btn-login:hover{color:#fff;background-color:#1da464}.btn-secondary,.btn--secondary{color:#4b5563;background:0 0;border:1px solid #d1d5db}.btn-secondary:hover,.btn--secondary:hover{color:#1f2937;background:#f3f4f6;border-color:#9ca3af}.btn--active{color:#fff;background:#1da464;border-color:#1da464}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.header{z-index:1000;background:#fff;width:100%;padding:16px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.header--scrolled{padding:12px 0;box-shadow:0 1px 2px #0000000d}.header__inner{justify-content:space-between;align-items:center;display:flex}.logo{cursor:pointer;align-items:center;gap:8px;display:flex}.logo svg{color:#1da464;width:32px;height:32px}.nav{gap:32px;display:flex}.nav__link{color:#6b7280;font-weight:500;text-decoration:none;transition:color .2s}.nav__link:hover,.nav__link--active{color:#374151}.header__actions{align-items:center;gap:16px;display:flex}.mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;display:none}.mobile-toggle span{background:#111827;width:24px;height:2px}.hero{background:#f9fafb;align-items:center;min-height:100vh;padding:80px 0 60px;display:flex}.hero__grid{grid-template-columns:1fr 40%;align-items:center;gap:80px;display:grid}.hero__badge{margin-bottom:24px}.badge{color:#4b5563;border-radius:40px;font-size:.875rem;font-weight:400;display:inline-block}.hero__title{color:#111827;margin-bottom:24px;font-size:52px;font-weight:700;line-height:1.2}.hero__title--gradient{color:#1da464}.hero__description{color:#4b5563;margin-bottom:32px;font-size:18px;line-height:1.6}.hero__actions{gap:16px;margin-bottom:32px;display:flex}.hero__preview{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 25px -5px #0000000d}.preview-card__header{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:16px 20px;display:flex}.preview-card__dots{gap:6px;display:flex}.preview-card__dots span{background:#cbd5e1;border-radius:50%;width:10px;height:10px}.preview-card__title{color:#374151;font-size:14px;font-weight:500}.preview-card__content{flex-direction:column;gap:16px;padding:20px;display:flex}.preview-row{align-items:center;gap:12px;display:flex}.preview-row__indicator{background:#1da464;border-radius:50%;width:8px;height:8px}.preview-row__info{flex:1}.preview-row__title{background:#e2e8f0;border-radius:4px;width:60%;height:8px;margin-bottom:6px}.preview-row__subtitle{background:#e2e8f0;border-radius:3px;width:40%;height:6px}.preview-row__status{background:#e2e8f0;border-radius:10px;width:60px;height:20px}.features{background:#fff;padding:80px 0}.features__grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:64px;display:grid}.feature{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .3s}.feature:hover{border-color:#1da464}.feature__title{color:#1f2937;margin-bottom:12px;font-size:1.125rem;font-weight:600}.feature__description{color:#6b7280;font-size:.875rem;line-height:1.5}.section__header{text-align:center;margin-bottom:60px}.section__tag{color:#1da464;background:#1da4641a;border-radius:20px;margin-bottom:16px;padding:6px 14px;font-size:14px;font-weight:500;display:inline-block}.section__title{color:#111827;margin-bottom:16px;font-size:36px;font-weight:700}.section__subtitle{color:#4b5563;font-size:18px}.pricing{background:#f9fafb;padding:80px 0}.billing-switch{justify-content:center;gap:12px;margin-bottom:48px;display:flex}.billing-switch button{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:40px;padding:8px 24px;font-size:14px;font-weight:500;transition:all .2s}.billing-switch button.active{color:#fff;background:#1da464;border-color:#1da464}.billing-switch .discount{background:#fff3;border-radius:20px;margin-left:6px;padding:2px 6px;font-size:10px}.pricing__grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.pricing-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;padding:32px;transition:all .3s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 35px -12px #0000001a}.pricing-card--popular{border:2px solid #1da464;transform:scale(1.02)}.pricing-card--popular:hover{transform:scale(1.02)translateY(-4px)}.pricing-card__badge{color:#fff;white-space:nowrap;background:#1da464;border-radius:20px;padding:4px 16px;font-size:12px;font-weight:500;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card__name{color:#1f2937;margin-bottom:12px;font-size:20px;font-weight:600}.pricing-card__price{color:#111827;margin-bottom:8px;font-size:32px;font-weight:700}.pricing-card__period{color:#6b7280;font-size:14px;font-weight:400}.pricing-card__savings{color:#1da464;background:#e8f5e9;border-radius:20px;margin-top:8px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.pricing-card__features{flex:1;margin:24px 0 32px;padding:0;list-style:none}.pricing-card__features li{color:#4b5563;justify-content:center;align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.pricing-card__features li svg{flex-shrink:0}.pricing-card__btn{border-radius:12px;justify-content:center;width:100%;margin-top:auto;padding:12px 16px;font-size:.9rem}.footer{color:#fff;background:#111827;padding:48px 0}.footer__inner{max-width:1200px;margin:0 auto;padding:0 24px}.footer__brand{text-align:center;margin-bottom:32px}.footer-logo{justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.footer-logo svg{color:#1da464;width:32px;height:32px}.footer-logo__text{color:#fff;font-size:1.5rem;font-weight:700}.footer-logo__accent{color:#1da464}.footer__description{color:#9ca3af;margin-bottom:12px;font-size:14px}.footer__contacts a{color:#9ca3af;font-size:14px;text-decoration:none}.footer__contacts a:hover{color:#1da464}.footer__links{justify-content:center;gap:60px;margin-bottom:32px;display:flex}.footer__column h4{color:#fff;margin-bottom:16px;font-size:14px;font-weight:600}.footer__column a{color:#9ca3af;margin-bottom:10px;font-size:14px;text-decoration:none;transition:color .2s;display:block}.footer__column a:hover{color:#1da464}.footer__copyright{text-align:center;color:#6b7280;border-top:1px solid #374151;padding-top:24px;font-size:12px}@media (width<=1024px){.hero__grid{grid-template-columns:1fr;gap:48px}.hero__title,.hero__badge,.hero__description{text-align:center}.hero__actions{justify-content:center}.features__grid{grid-template-columns:repeat(2,1fr)}.pricing__grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (width<=768px){.nav,.header__actions{display:none}.mobile-toggle{display:flex}.hero{min-height:auto;padding:100px 0 40px}.hero__title{font-size:32px}.hero__description{font-size:16px}.hero__actions{flex-direction:column;align-items:center}.hero__actions .btn{justify-content:center;width:100%;max-width:280px}.hero__preview{display:none}.features{padding:60px 0}.section__header{margin-bottom:32px}.section__title{font-size:28px}.section__subtitle{font-size:14px}.features__grid{grid-template-columns:1fr;gap:16px;margin-top:32px}.feature{padding:20px}.feature__title{font-size:1rem}.feature__description{font-size:.8125rem}.pricing{padding:40px 0}.billing-switch{flex-wrap:wrap;gap:8px;margin-bottom:28px}.billing-switch button{padding:6px 16px;font-size:13px}.pricing__grid{flex-direction:column;align-items:center;gap:28px;max-width:100%;margin:0 auto;display:flex}.pricing-card{width:100%;max-width:380px;margin:0;padding:24px 20px}.pricing-card--popular{border-width:2px;order:0;transform:scale(1)}.pricing-card--popular:hover{transform:translateY(-4px)}.pricing-card__badge{width:auto;margin-bottom:16px;display:inline-block;position:relative;top:auto;left:auto;transform:none}.pricing-card__name{margin-bottom:12px;font-size:20px}.pricing-card__price{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px;font-size:28px;display:flex}.pricing-card__period{font-size:13px}.pricing-card__savings{margin-top:6px;padding:3px 8px;font-size:10px}.pricing-card__features{text-align:left;margin:20px 0 24px}.pricing-card__features li{text-align:left;justify-content:flex-start;padding:6px 0;font-size:13px}.pricing-card__features li svg{flex-shrink:0;width:14px;height:14px}.pricing-card__btn{padding:10px 14px;font-size:14px}.footer{padding:40px 0}.footer__links{flex-direction:column;align-items:center;gap:28px;margin-bottom:28px}.footer__column{text-align:center}.footer__description{font-size:12px}.footer__copyright{padding-top:20px;font-size:11px}}@media (width<=480px){.container{padding:0 16px}.hero__title{font-size:26px}.hero__description{font-size:14px}.section__title{font-size:24px}.section__subtitle{font-size:13px}.section__tag{padding:4px 12px;font-size:12px}.pricing__grid{gap:20px}.pricing-card{max-width:100%;padding:20px 16px}.pricing-card__name{font-size:18px}.pricing-card__price{font-size:24px}.pricing-card__period{font-size:12px}.pricing-card__features{margin:16px 0 20px}.pricing-card__features li{padding:5px 0;font-size:12px}.pricing-card__features li svg{width:12px;height:12px}.pricing-card__btn{padding:9px 12px;font-size:13px}.billing-switch button{padding:5px 14px;font-size:12px}}@media (width<=768px) and (orientation:landscape){.hero{min-height:auto;padding:80px 0 40px}.hero__preview{display:none}.pricing__grid{flex-direction:column;align-items:center;gap:20px;max-width:500px;margin:0 auto;display:flex}.pricing-card{max-width:500px;padding:20px 16px}.pricing-card__features{grid-template-columns:repeat(2,1fr);gap:0 16px;display:grid}.pricing-card__features li{padding:5px 0;font-size:12px}}@media (width<=768px){.nav--open{z-index:1001;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:32px;display:flex;position:fixed;inset:0}.nav--open .nav__link{padding:12px;font-size:18px}body.menu-open{overflow:hidden}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-body-color);color:var(--text-primary);margin:0;font-family:Google Sans,Arial,serif;font-size:1rem}.container{max-width:75rem;margin:0 auto;padding:0 1.5rem}.pt-10{padding-top:1rem}.pt-15{padding-top:1.5rem}.pt-20{padding-top:2rem}.group-flex-center{align-items:center;gap:.25rem;display:flex}.section__page-control{flex-direction:column;gap:1rem;display:flex}.page-control__data-header-back{position:relative}.data-header-back__icon-group{align-items:center;gap:8px;display:flex;position:absolute;top:0;right:0}.page-control__data-page{flex-direction:row;justify-content:space-between;align-items:flex-start;display:flex}.data-page__name{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.75rem;font-weight:600;display:flex}.data-page__name span{font-weight:500}.data-page__description{width:70%;color:var(--text-secondary);justify-content:flex-start;align-items:center;gap:.5rem;margin:.5rem 0;font-size:1.25rem;display:flex}.section__tabs-container{flex-direction:column;gap:1rem;width:100%;display:flex}.tabs-container__header{justify-content:space-between;align-items:center;width:auto;position:relative}.header__block-tabs{align-items:center;gap:.5rem;display:flex}.block-tabs__button{color:var(--text-muted);cursor:pointer;background:0 0;background:var(--bg-secondary);border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;display:flex;overflow:hidden}.block-tabs__button svg{stroke-width:1.5px;width:1.125rem;height:1.125rem}.block-tabs__button-locked{color:var(--text-muted)}.block-tabs__button-active{color:var(--color-white);background:var(--gray-700)}.block-tabs__button-active.status__draft{color:var(--text-primary);background:var(--bg-secondary)}.block-tabs__button-active.status__active{color:var(--text-primary);background:var(--blue-50)}.block-tabs__button-active.status__completed{color:var(--text-primary);background:var(--green-50)}.tabs-container__tab-content{position:relative}.tab-content{opacity:0;pointer-events:none;flex-direction:column;gap:1rem;width:100%;display:flex;position:absolute;top:0;left:0}.tab-content-active{opacity:1;pointer-events:all;position:relative;transform:translateY(0)}.section__title{color:var(--text-primary);align-items:center;gap:.5rem;margin:.5rem 0;font-size:1.125rem;font-weight:700;display:flex}.section__container-items-input{grid-template-columns:repeat(1,1fr);gap:1rem;display:grid}.container-items-input__item-data{border-bottom:1px solid var(--border-secondary);grid-template-columns:auto 1fr;align-items:start;gap:1rem;padding-bottom:1rem;display:grid}.container-items-input__item-data:last-child{border-bottom:0}.icon__box{background:var(--bg-secondary);border-radius:var(--border-radius-container);justify-content:center;align-items:center;padding:.5rem;display:flex}.icon__box svg{color:var(--text-muted);stroke-width:1.5px}.item-data__content{align-items:flex-start;gap:3rem;display:flex}.item-data__control{justify-content:space-between;align-items:center;display:flex}.control__date{color:var(--text-muted)}.control__categories{align-items:center;gap:.25rem;padding-bottom:.25rem;font-weight:600;display:flex}.control__group-btn{position:relative}.item-data__price{white-space:nowrap;width:auto;font-weight:600}.item-data__price-green{color:var(--green-800)}.item-data__price-red{color:var(--red-700)}.item-data__comment{color:var(--text-muted)}.cards-grid__card{border-radius:var(--border-radius-modal);border:1px solid var(--border-primary);box-shadow:var(--box-shadow-card);background:var(--bg-card);flex-direction:column;align-items:flex-start;gap:.625rem;padding:1.125rem;transition:all .3s;display:flex;position:relative}.card__title{color:var(--text-muted);justify-content:space-between;width:100%;font-size:1rem;display:flex}.card__content{flex-direction:column;gap:.5rem;width:100%;display:flex}.content__amount{color:var(--text-primary);font-size:1.75rem;font-weight:500;line-height:1}.content__amount-red{color:var(--red-700)}.content__amount-green{color:var(--green-800)}.amount__currency{margin-left:.3125rem;font-size:1.5rem;font-weight:400}.content__card-items{justify-content:flex-start;align-items:center;gap:.3125rem;display:flex}.card-items__item{background:var(--bg-secondary);color:var(--text-primary);border-radius:5rem;padding:0 .375rem;font-size:.875rem}.card-items__item-red{background:var(--red-50);color:var(--red-700)}.card-items__item-green{background:var(--green-50);color:var(--green-700)}.section__data-rows{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.data-rows__row{border-bottom:1px solid var(--border-secondary);width:100%;padding:.6875rem 0;display:flex}.data-rows__row:last-child{border-bottom:0;padding-bottom:0}.row__label{width:13rem;color:var(--text-muted)}.row__value{color:var(--text-primary);flex:1}.row__value a{text-decoration:underline}.value__group svg{stroke-width:1.25px;width:1.25rem;height:1.25rem}.status-wrapper{background:var(--bg-secondary);cursor:pointer;height:1.5rem;color:var(--text-primary);border-radius:5rem;justify-content:flex-start;align-items:center;gap:.375rem;padding:0 .75rem 0 .625rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.status-color-dot{border-radius:50%;flex-shrink:0;width:.625rem;height:.625rem;display:inline-block}.files-list{flex-direction:column;display:flex}.file-item{border-bottom:1px solid var(--border-primary);cursor:pointer;text-overflow:ellipsis;align-items:center;gap:.75rem;padding:.625rem 0;display:flex;overflow:hidden}.file-item:last-child{box-shadow:none;border-bottom:none}.file-item:first-child{padding-top:0}.file-item:only-child{box-shadow:none;border-bottom:none;padding-top:0}.file-item:hover:not(:last-child){border-color:var(--gray-300);box-shadow:var(--box-shadow-input)}.file-item:hover .file-name{color:var(--color-brand);text-decoration:underline}.lucide-file{color:var(--text-muted);flex-shrink:0}.file-name{word-break:break-all;color:var(--text-primary);flex:1;font-weight:500}.file-size{color:var(--text-muted);flex-shrink:0}.download-icon{color:var(--text-muted);cursor:pointer;flex-shrink:0}.comment-gap{flex-direction:column;gap:1rem;display:flex}.comment td{padding:.5rem}.comment-container{cursor:pointer;background:var(--bg-secondary);border-radius:.5rem;justify-content:space-between;align-items:flex-start;padding:.625rem 1rem;display:flex}.expand-icon{color:var(--text-secondary);padding:0 0 0 .5rem}.comment-container:hover .expand-icon{text-decoration:underline}.auth-page,.setup-page{background:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-container,.setup-container{width:100%;max-width:460px}.auth-card,.setup-card{background:var(--bg-card);box-shadow:var(--box-shadow-modal);border:1px solid var(--border-primary);border-radius:20px;padding:40px;animation:.4s fadeIn}.auth-header,.setup-header{text-align:center;margin-bottom:32px}.logo{cursor:pointer;justify-content:center;align-items:center;gap:8px;display:flex}.logo svg{width:40px;height:40px;color:var(--color-brand)}.logo__text{color:var(--text-primary);font-size:1.5rem;font-weight:700}.logo__accent{color:var(--color-brand)}.auth-title,.setup-title{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:8px;font-size:28px;font-weight:700}.auth-subtitle,.setup-subtitle{color:var(--text-muted);font-size:14px}.auth-form,.setup-form{flex-direction:column;gap:20px;display:flex}.auth-footer{text-align:center;color:var(--text-muted);margin-top:8px;font-size:14px}.form-options{justify-content:space-between;align-items:center;display:flex}.success-text{color:var(--color-brand);font-weight:500}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary);font-size:14px;font-weight:500}.form-input{border:1px solid var(--border-primary);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:12px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-transparent);outline:none}.form-input.is-error{border-color:var(--red-700)}.error-text{color:var(--red-700);font-size:12px}.password-input{position:relative}.password-input .form-input{padding-right:48px}.password-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-secondary)}.checkbox{cursor:pointer;color:var(--text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.checkbox input{cursor:pointer;width:16px;height:16px;accent-color:var(--color-brand)}.checkbox span{cursor:pointer}.link,.forgot-link{color:var(--color-brand);cursor:pointer;background:0 0;border:none;font-size:14px;transition:color .2s}.link:hover,.forgot-link:hover{color:var(--green-800);text-decoration:underline}.loading-card{text-align:center}.spinner-wrapper{margin-bottom:24px}.spinner{border:4px solid var(--border-primary);border-top-color:var(--color-brand);border-radius:50%;width:60px;height:60px;margin:0 auto;animation:.8s linear infinite spin}.spinner-small{border:2px solid var(--color-white);border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.loading-spinner{text-align:center;padding:60px}.success-icon,.error-icon{justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.success-icon svg,.error-icon svg{width:48px;height:48px}.not-found{background:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.not-found__container{text-align:center;max-width:500px;animation:.5s fadeIn}.not-found__code{letter-spacing:12px;text-shadow:0 10px 30px #1da46426;margin-bottom:20px;font-size:140px;font-weight:800;line-height:1}.not-found__code .digit{color:var(--color-brand);animation:.5s bounce;display:inline-block}.not-found__code .zero{color:var(--gray-300);animation:.5s .1s bounce;display:inline-block}.not-found__title{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:12px;font-size:28px;font-weight:700}.not-found__text{color:var(--text-muted);margin-bottom:36px;font-size:16px;line-height:1.5}.not-found__button{background:var(--color-brand);color:var(--color-white);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-size:15px;font-weight:500;transition:all .3s;display:inline-flex}.not-found__button:hover{filter:brightness(.95);transform:translateY(-3px)}.not-found__button:active{transform:translateY(0)}.not-found__button svg{transition:transform .2s}.not-found__button:hover svg{transform:translate(-4px)}@media (width<=1024px){.features__grid,.pricing__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.auth-card,.setup-card{padding:28px 20px}.auth-title,.setup-title{font-size:24px}.logo__text{font-size:1.25rem}.form-input{padding:10px 14px}.data-page__name{font-size:1.5rem}.page-control__data-page{align-items:center}}.notifications-container{z-index:9999;position:fixed;bottom:1.25rem;right:1.25rem}.notification{border-radius:var(--border-radius-container);color:#fff;border:1px solid var(--gray-200);margin-bottom:.875rem;padding:.875rem 1.25rem;animation:.3s slideIn}.notification.success{background:#10b981}.notification.error{background:#ef4444}.notification.warning{background:#f59e0b}.notification.info{border-color:var(--blue-100);background:var(--blue-50);color:var(--blue-700)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}