:root {
            /* Светлая тема */
            --primary-color: #2C5530;
            --primary-light: #4A7C59;
            --primary-light-hover: #4A7C5980;
            --secondary-color: #6B7280;
            --background-light:#fafdff;
            --surface-white: #FFFFFF;
            --text-primary: #1F2937;
            --text-secondary: #6B7280;
            --accent-warm: #D17A3F;
            --border-light: #E5E7EB;
            --success-color: #10B981;
            --warning-color: #F59E0B;
            --error-color: #EF4444;
            --card-shadow: 0 4px 12px rgba(0,0,0,0.03);
            --hover-shadow: 0 8px 25px rgba(0,0,0,0.08);
            --max-width-content: 1400px;
            --border-radius: 5px;
        }
        ::-webkit-scrollbar {width:6px;height:auto;opacity:1;}
        ::-webkit-scrollbar-track {background-color:#dcdfe6;}
        ::-webkit-scrollbar-thumb {background:#34495e80;border:none;}
        .dark-theme {
            /* Темная тема */
            --primary-color: #226d38;
            --primary-light:#10B981;
            --primary-light-hover: #5D8A6F90;
            --secondary-color: #9CA3AF;
            --background-light: #2c3e50;
            --surface-white: #1F2937;
            --text-primary: #F9FAFB90;
            --text-secondary: #ffffff90;
            --accent-warm: #E5985F;
            --border-light: #374151;
            --success-color: #34D39990;
            --warning-color: #FBBF24;
            --error-color: #F87171;
            --card-shadow: 0 4px 12px rgba(0,0,0,0.25);
            --hover-shadow: 0 8px 25px rgba(0,0,0,0.35);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
        }

        #cookie-alert {position:fixed;bottom:10px;right:20px;width:300px;padding:20px;box-sizing:border-box;background:var(--background-light);border-radius:var(--border-radius);box-shadow:1px 1px 15px #1a252f80;font-size:1.1vw;}
        #cookie-alert svg {position:absolute;right:5px; top:5px;width:25px;height:25px;stroke:#c0392b;cursor:pointer;}
        body {
            background:#e0e0e050;
            color: var(--text-primary);
            line-height: 1.6;
            font-size:1vw;
            overflow-x: hidden;
            position:relative;
        }
        @media (max-width:1300px){
            body {font-size:.9em;}
        }    
        @media (min-width:1500px){
            body {font-size:1em;}
        } 
        h2, p {line-height:105%;}
        h3 {font-size:1.3vw;}
        h4 {color:#1a252f90;}
        #go-up {display:none;z-index:3000;position:fixed;bottom:0px;left:100px;}
        #go-up.work {right:200px;}
        #go-up svg {width:70px;fill:#7f8c8d;}
        #new-www {position:fixed;right:20px;bottom:20px;background:#27ae60;color:#fff;padding:20px;border-radius:var(--border-radius);box-shadow:var(--card-shadow);cursor:pointer;}
        #new-www-str {width:95%;margin:10px auto -20px;display:flex;flex-wrap:wrap;justify-content:flex-start;}
        #new-www-str aside {margin:5px 10px;color:#1a252f60;font-size:.9vw;}
        #new-www-str aside span {color:#1a252f;font-size:1em;}
        #new-www-str svg {width:14px;fill:#1a252f60;margin-left:5px;margin-bottom:-2px;cursor:pointer;}
        #new-www-str svg.active {fill:#1a252f;}
        .red {color:#e74c3c !important;}
        .lower {text-transform:lowercase;}
        .center {text-align:center !important;}
        .left {text-align:left !important;}
        .right {text-align:right !important;}
        .nowrap {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        body.dark-theme {background: var(--background-light);}
        body.dark-theme .red {color:#e66a5c;font-weight:700;}
        .green {color:#27ae60;}
        body.dark-theme .green {color:#0e803d;font-weight:700;}
        .future {color:#2980b9;}
        section {display:flex;justify-content:space-between;}
        h3 span {color:var(--secondary-color);}
        a.error:link, a.error:visited {color:#c0392b;background:transparent;text-decoration:underline;}
        svg.svg-action {width:18px;margin:2px;}
        svg.svg-search {width:25px;}
        body.dark-theme svg.svg-action {opacity:.9;}
        body.dark-theme input[type="checkbox"] {appearance: var(--success-color);background:#ffffff60;}
        body.dark-theme input[type="checkbox"]:checked {background:var(--success-color);}
        body.dark-theme button:hover {background:#1F2937;}
        input[type=checkbox] {width:15px;min-width:15px !important;max-width:15px;height:15px;transform:scale(.8);border:solid 1px #6B7280 !important;appearance:var(--success-color);background:#6B728030;border-radius:var(--border-radius);cursor:pointer;}
        input[type=checkbox]:checked {background:var(--success-color);}
        fieldset .loader {width:16px !important;height:16px;margin:auto !important;}

        .flex-between {display:flex;justify-content:space-between;}
        .dtbl {display:table;}
        .drow {display:table-row;}
        .dcell {display:table-cell;}
        .mobile {display:none !important;}
        .container {
            display: flex;
        }
        .hidden {display:none !important;}
        .mt-2 {margin-top:5vh;}
        /* Боковое меню */

        section.faq {z-index:3000;position:fixed;display:block;right:20px;bottom:10px;padding:20px;border-radius:var(--border-radius);background:#2980b9;box-shadow:var(--card-shadow);}
        section.faq p, section.faq h4, section.faq ul {color:#ffffff90;}
        section.faq h4 span {color:#fff;}
        section.faq ul {margin:20px;}


        .sidebar {
            width: 260px;
            background:#f7fbfd;
            color: var(--text-primary);
            padding: 0;
            transition: all 0.3s ease;
            position: fixed;
            left: 0;
            bottom:0;
            overflow: hidden;
            overflow-y: auto;
            height:100vh;
            border-right: 1px solid var(--border-light);
            z-index: 1001;
            box-shadow:2px 0px 24px #1a252f40;
        }
        body.dark-theme .sidebar {background:var(--surface-white);}
        /*.sidebar .buhgalter {display:none;}*/
        .sidebar.collapsed {
            width: 60px;
            overflow-y:hidden;
        }

        .logo {
            padding: 15px;
            border-bottom: 1px solid var(--border-light);
            display: flex;
            align-items: center;
            justify-content: space-between;
            transition: padding 0.3s ease;
        }
        .logo img {height: 80px;}

        .sidebar.collapsed .logo {
            justify-content: center;
        }

        .logo-content {
            display: flex;
            align-items: center;
            gap: 12px;
            transition: opacity 0.3s ease;
        }

        .sidebar.collapsed .logo-content {
            opacity: 0;
            width: 0;
            overflow: hidden;
        }

        .logo img {
            height: 36px;
            transform:scale(1.3);
        }

        .logo-text {
            font-size: 1.2em;
            line-height:100%;
            font-weight: 600;
            color: var(--primary-color);
        }

        .toggle-btn {
            background: #2980b920;
            border: none;
            cursor: pointer;
            text-align:center;
            transition: all 0.3s ease;
            padding: 6px;
            box-shadow:-2px 0px 1px #1a252f70;
            border-radius: var(--border-radius);
        }
        .toggle-btn .nav-icon {fill:#fff;width:24px;height:24px;margin:auto;}
        .toggle-btn .nav-icon {fill:#fff;width:24px;height:24px;margin:auto;}
        .toggle-btn:hover {background: #10B981;transform: rotate(10deg);box-shadow:none;}

        .sidebar.collapsed .toggle-btn {transform: rotate(180deg);}

        #nav-links {line-height:1;font-size:1em;list-style: none; padding:0 0;transition: padding 0.3s ease;}
        #nav-links hr {width:100%;margin:1.5vh auto;height:1px;background-color:var(--border-light);border: none;}

        #nav-work-alert, #nav-fine-alert, #nav-warn-alert {display:none;}
        #nav-foot {position:relative; font-size:.8em;list-style: none; padding: 4vh 30px 10px 60px; box-sizing: border-box;transition: padding 0.3s ease;}
        #nav-foot li {margin-bottom:5px;}
        #nav-foot aside {position:absolute;color:#7f8c8d;bottom:-100px;left:50px;font-weight:600;transform:scale(.8);}
        #nav-foot aside span {color:#0e803d;display:block;font-size:1.8em;}
        #nav-links li {position: relative;}
        body.dark-theme #nav-foot a:link,
        body.dark-theme #nav-foot a:visited {opacity:.6;}
        body.dark-theme #nav-foot a:hover {opacity:1;}
        #nav-links > li > a {
            padding: .9vh 12px;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            color: var(--text-primary);
            text-decoration: none;
            font-size: 0.9em;
            font-weight:400;
            white-space: nowrap;
            border-left: 4px solid transparent;
        }


        .sidebar.collapsed #nav-links > li > a {
            padding: 10px 20px;
            justify-content: center;
        }
        body.dark-theme #nav-links > li > a {
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            color: #ffffff80;
            text-decoration: none;
            white-space: nowrap;
            border-left: 4px solid transparent;
        } 
        #nav-links > li.active > a {
            background: #2980b920;
            border-left: 4px solid var(--error-color);
            color: #111827;
            font-weight:500;
        }
        #nav-links > a svg {
            margin-right:30px;
            fill:#111827;
            stroke:#111827;
        }
        #nav-links > li.active > a svg {
            fill:#111827;
        }

        body.dark-theme #nav-links > li.active > a {
            background: transparent;
            color:#ffffff90;
            text-shadow: 0px 0px 2px #000;
            border-left: 4px solid #3498db;
        }
        body.dark-theme #nav-links > li.active > a svg {
            fill:#ffffff90;
            stroke:#ffffff90;
        }
        #nav-links > li:hover > a {
            background: var(--background-light);
            color: var(--primary-color);
        }
        body.dark-theme #nav-links > li:hover > a {
            background: transparent;
            color:#ffffff90;     
        } 
        body.dark-theme #nav-links > li:hover > a  svg{
            stroke: var(--primary-color);
            filter:drop-shadow( 0px 0px 2px rgba(255, 255, 255, 0.7));
            fill:#ffffff90;

        } 

        .nav-icon {
            margin-right: 16px;
            width: 20px;
            height: 20px;
            text-align: center;
            color: var(--secondary-color);
            transition: margin 0.3s ease, color 0.3s ease, transform 0.3s ease;
        }

        .sidebar.collapsed .nav-icon {
            min-width:32px;
            margin-right: 0;
        }

        #nav-links > li.active .nav-icon,
        #nav-links > li:hover .nav-icon {
            color: var(--primary-color);
            transform: scale(1.1);
        }

        .nav-text {
            font-size:1.1em;
            transition: opacity 0.6s ease;
        }

        .sidebar.collapsed .nav-text {
            opacity: 0;
            width: 0;
            overflow: hidden;
        }

        .sidebar.collapsed {overflow:visible;}
        .sidebar.collapsed #nav-links > li > a:hover .nav-text {
            z-index:2;
            opacity: 1;
            width: auto;
            position:absolute;left:50px;
            padding:5px 10px;border-radius:var(--border-radius);background:#34495e;color:#fff;
        }        

        /* Подкатегории */
        .submenu {
            display:none;
            list-style: none;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            background: var(--background-light);
        }

        .submenu.show {
            max-height: 500px;
        }

        .submenu li a {
            padding: 12px 20px 12px 52px;
            display: flex;
            align-items: center;
            color: var(--secondary-color);
            text-decoration: none;
            font-size: 0.9em;
            transition: all 0.3s;
            border-left: 4px solid transparent;
        }

        .sidebar.collapsed .submenu li a {
            padding: 12px 20px;
            justify-content: center;
        }

        .submenu li a:hover {
            opacity:.8;
            background: rgba(0,0,0,0.05);
            color: var(--primary-color);
        }

        .submenu li.active a {
            background: rgba(0,0,0,0.05);
            color: var(--primary-color);
            border-left: 4px solid var(--primary-color);
        }

        .submenu-icon {
            font-size: 0.9em;
            margin-right: 10px;
            width: 16px;
            height: 16px;
        }

        .sidebar.collapsed .submenu-icon {
            margin-right: 0;
        }

        .arrow {
            margin-left: auto;
            transition: transform 0.3s ease;
            font-size: 0.8em;
            color: var(--secondary-color);
        }

        .sidebar.collapsed .arrow {
            display: none;
        }

        #nav-links li.active .arrow {
            transform: rotate(90deg);
            color: var(--primary-color);
        }

        /* Основная область контента */
        .main-content {
            flex: 1;
            order:1;
            position:relative;
            padding:90px 30px 30px 313px;
            margin:auto;
            transition: margin-left 0.3s ease;
        }
        .main-content.collapsed {margin-left:40px;padding:90px 0 30px 0;}
        .main-content.collapsed .header {left:55px;}
        .header {
            position:fixed;z-index:1000;
            background:#f7fbfd;
            top:0;right:0px;left:260px;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            padding: 8.9px 0 8.9px 30px;
            border-bottom: 1px solid var(--border-light);
            box-shadow:0px 2px 24px #1a252f50;
        }
        body.dark-theme .header {
            background:#1F2937;
            border-bottom: 1px solid var(--border-light);
        }

        .header h2 {
            color: var(--text-primary);
            font-weight: 600;
        }
        .header div.flex {border-top: 1px solid var(--border-light);margin:10px auto 0 0;padding:10px 0 0px;width:100%;display: flex;justify-content: space-between;align-items:center;}
        .header h3 {
            color: var(--primary-color);
            font-weight: 600;
        }



        .actions {
            display: flex;
            justify-content:space-around;
            align-items:center;
            min-width:220px;
            margin:auto 10px auto 50px;
        }
        .btn {
            padding: 6px 10px;
            border: none;
            border-radius: var(--border-radius);
            cursor: pointer;
            white-space:nowrap;
            font-weight: 500;
            transition: all 0.3s;
        }
        a.btn {font-size:.9em;display:inline-block;}
        .actions .btn {border:groove 2px #1a252f60;box-shadow:0px 1px 3px #fff inset;}
        .btn-error {background:#e74c3c;color: var(--surface-white);}
        .btn-primary { background:#c0392b;color: var(--surface-white);}

        .btn-primary.small {transform:scale(.8);padding:2px 10px 5px; border-radius:var(--border-radius);cursor:pointer;box-shadow:none;border:none;}
        div.header .btn-primary {transform:scale(1);padding:5px 20px 8px;}
        .btn-primary:hover {background:#c0392b80;box-shadow:0px 0px 5px #1a252f inset;}
        body.dark-theme .btn-primary {background: #219653;}
        body.dark-theme .btn-primary:hover {background: #21965380;}
        .btn-disabled {background: #7f8c8d;}

        .btn-disabled:hover {
            background: #7f8c8d;
        }
        .btn-success {
            color:var(--surface-white);
            background: #27ae60;
        }

        .btn-success:hover {
            background: #219653;
        }
        .btn-warning {
            background: #F59E0B;
            color: #fff;
        }
        .btn-secondary {
            padding:5px 20px 8px;
            background: #95a5a6;
            color: #fff;
        }
        .btn-danger {
            background: #e74c3c;
            color: white;
        }

        .btn-danger:hover {
            background: #c0392b;
        }

        .search-box {flex: 1;min-width: 220px;max-width:500px;position: relative;}
        .boxes {position:absolute;bottom:5px;left:1vw;display:flex;justify-content:flex-start;align-items:flex-start;}
        .boxes div {display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;margin-right:20px;}
        .comp-box a {font-weight:500 !important;font-size:1em;}
        .comp-box svg {width:24px;margin-right:10px;}
        .graph-box a {font-weight:500 !important;font-size:1em;}
        .graph-box svg {width:24px;margin-right:10px;}
        .graph-box svg.radar {width:20px;transform:scale(1.2);}
        .map-box a {font-weight:500 !important;font-size:1em;}
        .map-box svg {width:24px;margin-right:10px;}

        #unit-pays {width:95%;height:70vh;top:50px;display:flex;flex-wrap:wrap;
            background:transparent;
            max-width:var(--max-width-content);
            position:relative;
            border-radius: var(--border-radius);
            corner-shape:bevel;
            padding: 0;
            box-shadow: none;
            margin:30px auto 90px 0px;}
        #unit-pays .left {width:3%;}
        #unit-pays .right {width:97%;}
        #unit-pays .drow {display:flex;width:100%;height:23.5%;max-height:240px;}
        #unit-pays .cell {position:relative;border:solid 1px #ccc;display:flex;flex-wrap:wrap;justify-content:space-around;align-content:space-around;width:8.33%;height:100%;overflow:hidden;overflow-y:auto;}
        #unit-pays .cell::-webkit-scrollbar {width:2px;}
        #unit-pays .dhead {display:flex;width:100%;height:5%;color:#ffffff90;background:#7f8c8d;}
        #unit-pays .left .dhead {border:solid 1px #f8f9fa;background:#f8f9fa;}
        #unit-pays .dhead div {width:8.33%;justify-content:center;border:solid 1px #ccc;font-size:1.1em;font-weight:bold;}
        #unit-pays .left .drow {position:relative;border:solid 1px #ccc;background:#f8f9fa;color:#7f8c8d;font-size:1.1em;font-weight:bold;}
        #unit-pays .left .drow aside {width:500%;text-align:center;position:absolute;left:-200%;top:47%;font-size:1em;transform: rotate(-90deg);}
        #unit-pays a:link,
        #unit-pays a:visited,
        #unit-pays a:hover {border-radius:50%;width:36px;height:36px;background:#d5f4e6;}
        #unit-pays a img {width:100%;height:100%;border-radius:50%;object-fit:cover;}
        #unit-pays a span {display:none;position:absolute;top:5px;left:5px;right:5px;background:#d5f4e6;padding:5px;border-radius:var(--border-radius);font-size:.75em;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:120%;}
        #unit-pays a:hover span {display:block;}
        #unit-pays select {position:absolute;top:-40px;left:10px;width:150px;}


        .search-input {
            width: 100%;
            padding: 12px 45px 12px 15px;
            border: 1px solid #dcdfe6;
            border-radius: var(--border-radius);
            font-size: 0.95em;
        }

        #search-icon {
            position: absolute;
            right: 5px;
            top: 25%;
            transform: scaleX(-1);
            cursor:pointer;
        }

        .filter-select {
            padding: 12px 15px;
            border: 1px solid #dcdfe6;
            border-radius: var(--border-radius);
            background: white;
            min-width: 100px;
        }
        body.dark-theme .filter-select,
        body.dark-theme .search-input {background:#7f8c8d40; border: 1px solid #dcdfe640;color:#ffffff70;}

        .header-controls {
            width:80%;
            max-width:var(--max-width-content);
            min-width:600px;
            display: flex;
            margin:auto 40px auto 0;
            justify-content:flex-end;
            align-items: center;
            gap: 10px;
        }

        table.user-tbl {margin:0 -20px 0 auto;border-spacing:0;font-size:.83em;}
        table.user-tbl td {position:relative;padding:0 0;box-sizing:border-box;white-space:nowrap;}
        table.user-tbl td.last-step {width:225px;}    
        table.user-tbl td.last-step aside {position:relative;width:225px;height:3.6vw;min-height:55px;max-height:75px;transform:scale(.85);position:absolute;opacity:0;left:-30px;top:-.5vw;border:1px solid var(--border-light);background:var(--background-light);box-shadow:-1px 0px 1px #1a252f60;border-radius:var(--border-radius);corner-shape:bevel;padding:5px 10px;font-size:.9em;display:flex;flex-wrap:wrap;transition:all .3s ease-out 0s;}
        table.user-tbl td.last-step aside.active {animation: lastStep .4s ease-in;opacity:1;}
        table.user-tbl td.last-step aside a:link,
        table.user-tbl td.last-step aside a:visited {line-height:180%;text-wrap:wrap;color:#6B7280;margin-bottom:5px;}
        body.dark-theme table.user-tbl td.last-step aside a:link,
        body.dark-theme table.user-tbl td.last-step aside a:visited {color:#ffffff90;}
        table.user-tbl td.last-step aside i {position:absolute;right:0px;bottom:0px;font-size:.9em;font-weight:600;opacity:1;color:#6B7280;background:var(--background-light);padding:2px 3px 2px 4px;} 
        table.user-tbl td.user-mail {padding:5px;width:100px;}
        table.user-tbl td.user-mail a {visibility:hidden;}
        table.user-tbl td.user-mail svg {width:30px;margin-left:40px;fill:var(--error-color);}
        table.user-tbl td.user-mail b {color:var(--error-color);position:absolute;right:0px;top:-5px;}
        table.user-tbl td.user-comp {color:#6B7280;white-space:nowrap;width:250px;}
        table.user-tbl td.user-comp div {display:flex;align-items:center;}
        table.user-tbl td.user-comp a {position:relative;display:inline-block;}
        table.user-tbl td.user-comp b#comp-balance {font-size:1em;font-weight:500;margin-left:10px;}
        table.user-tbl td.user-comp b#comp-future {z-index:10;opacity:0;transform:scale(.2);transition:all 3s ease-in 0s;position:absolute;top:-200px;right:-80px;width:200px;height:140px;}
        table.user-tbl td.user-comp:hover b#comp-future {animation: futureAppear .3s ease-out;transform:scale(.4);opacity:1;top:-40px;}
        table.user-tbl td.user-comp b#comp-future:hover {animation: futureRaise .6s ease-out;transform:scale(.8);opacity:1;top:20px;}
        @keyframes futureAppear {
            0% { opacity: 0; top:-200px;right:-80px;transform:scale(.2); }
            25% { opacity: .25; top:-20px;right:-120px;transform:scale(.9); }
            50% { opacity: .5; top:10px;right:-140px;transform:scale(1.3); }
            75% { opacity: .8; top:40px;right:-160px;transform:scale(1); }
            100% { opacity: 1; top:10px;right:-120px;transform:scale(.7); }
        }
        @keyframes futureDisappear {
            0% { opacity: 1; top:-40px;transform:scale(.5); }
            75% { opacity: .6; top:40px;right:50px;transform:scale(.3); }
            100% { opacity: 0; top:-200px;right:-80px;transform:scale(.1); }
        }
        @keyframes futureRaise {
            0% { opacity: .5; transform:scale(.5); }
            75% { opacity: 1; transform:scale(.8);top:-20px; }
            100% { opacity: 1; transform:scale(1.1);top:20px; }
        }
        table.user-tbl td.user-comp b#comp-future span {position:absolute;transform:scale(1.6);font-size:1.6em;}
        table.user-tbl td.user-comp b#comp-future.cold {background:url('/stat/img/future-cold.png') no-repeat center center;background-size:100% 100%;top:-50px;}
        table.user-tbl td.user-comp b#comp-future.cold span {bottom:60px;right:45px;color:#fff;text-shadow:0px 0px 3px #111827;}
        table.user-tbl td.user-comp b#comp-future.sunny {background:url('/stat/img/future-sunny.png') no-repeat center center;background-size:100% 100%;top:-50px;}
        table.user-tbl td.user-comp b#comp-future.sunny span {bottom:12px;right:12px;color:#e6b106;text-shadow:0px 0px 16px #fff;}
        table.user-tbl td.user-comp b#comp-future.rainy {background:url('/stat/img/future-rainy.png') no-repeat center center;background-size:100% 100%;top:-40px;}
        table.user-tbl td.user-comp b#comp-future.rainy span {bottom:40px;right:25px;color:#3498db;text-shadow:0px 0px 3px #fff;}
        table.user-tbl td.user-comp b#comp-future.active {position:absolute;transform:scale(.5);opacity:1;}
        table.user-tbl td.user-balance {white-space:nowrap;} 
        table.user-tbl td.user-balance b {color:#219653;font-size:1.2em;margin:0 10px;white-space:nowrap;}
        table.user-tbl td.user-rate {white-space:nowrap;}
        table.user-tbl td.user-rate b {margin:0 10px;}
        table.user-tbl td a {display:block;text-decoration:none;position:relative;}
        table.user-tbl td a.hidden {display:none;transition:all .5s ease 0s;}
        table.user-tbl td:hover a.hidden {display:block !important;position:absolute;bottom:0px;left:120px;white-space:nowrap;}
            
        @keyframes lastStep {
            0% { opacity: 0; left:-32px; }
            50% { opacity: 1; left:-28px; }
            100% { opacity: 1; left:-32px; }
        }
        /* Стили для подтверждения удаления */
        .confirm-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 1100;
            align-items: center;
            justify-content: center;
        }

        .confirm-content {
            background: white;
            border-radius: var(--border-radius);
            width: 400px;
            max-width: 90%;
            padding: 25px;
            box-shadow: 0 5px 25px rgba(0,0,0,0.2);
            text-align: center;
        }

        .confirm-buttons {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-top: 20px;
        }

        .theme-toggle {
            position: relative;
            margin:auto 10px auto auto;
            width: 50px;
            height: 30px;
        }

        .theme-toggle input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .theme-slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;

            background-color: var(--secondary-color);
            transition: .4s;
            border-radius: 34px;
        }

        .theme-slider:before {
            position: absolute;
            content: "";
            height: 22px;
            width: 22px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            transition: .4s;
            border-radius: 50%;
        }

        input:checked + .theme-slider {background-color:#219653;}

        input[type=submit]:disabled {background:var(--secondary-color) !important;}
        input:checked + .theme-slider:before {
            transform: translateX(20px);
        }

        .user-info {
            display: flex;
            align-items: center;
            gap: 15px;
            position: relative;
            cursor: pointer;
        }

        .user-avatar {
            width: 55px;
            height: 55px;
            border-radius: 50%;
            background: var(--secondary-color);
            box-shadow:var(--card-shadow);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--surface-white);
            font-weight: 600;
            font-size: 0.9em;
            transition: transform 0.3s;
            overflow:hidden;
        }
        body.dark-theme .user-avatar {opacity:.8;}
        .user-avatar img {width:100%;height:100%;}
        .user-info:hover .user-avatar {
            transform: scale(1.05);
        }

        .user-details {
            text-align: right;
        }

        .user-name {
            font-weight: 600;
            color: var(--text-primary);
            display:none;
        }

        .user-role {
            font-size: 0.85em;
            color: var(--secondary-color);
            display:none;
        }

        /* Выпадающее меню администратора */
        .user-dropdown {
            position: absolute;
            top: 100%;
            right: 0;
            width: 200px;
            background: var(--surface-white);
            border-radius: 12px;
            box-shadow: var(--hover-shadow);
            padding: 10px 0;
            margin-top: 10px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s ease;
            z-index: 1000;
            border: 1px solid var(--border-light);
        }

        .user-dropdown.active {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .dropdown-item {
            display: flex;
            align-items: center;
            padding: 6px 20px;
            color: var(--text-primary);
            text-decoration: none;
            transition: all 0.3s;
            white-space: nowrap;
        }

        .dropdown-item:hover {
            background: var(--background-light);
            color: var(--primary-color);
            padding-left: 25px;
        }

        .dropdown-icon {
            width: 18px;
            height: 18px;
            margin-right: 12px;
            color: var(--secondary-color);
        }

        .dropdown-item:hover .dropdown-icon {
            color: var(--primary-color);
            transform: scale(1.1);
        }

        .dropdown-divider {
            height: 1px;
            background: var(--border-light);
            margin: 8px 0;
        }

        .content {position:relative; width:95%;min-width:600px;background:var(--background-light);border-radius:var(--border-radius);corner-shape:bevel;padding:0;margin:30px auto 30px 0px;box-shadow:-2px -2px 32px #1a252f40;border: 1px solid var(--border-light);}
        .content .root-links {z-index:2;position:absolute;top:10px;left:5%px;max-width:none !important;width:90% !important;display:flex;justify-content:space-between;}
        .content .root-links input[type=button] {background:#10B981 !important;padding:4px 0 !important;}
        .content .root-links input[type=button]:hover {background:#0e803d !important;}
        .content .root-links input[type=button]:disabled {background:#6B7280 !important;}
        body.dark-theme .content {background: var(--surface-white);}
        .content.check {padding:60px;}
        .content.index {margin-top:20px;margin-bottom:0;padding:0 20px;min-height:80vh;background:var(--background-light);}
        .content.notes {color:#6B728090;background:var(--surface-white);height:78vh;overflow:hidden;overflow-y:visible;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;align-content:space-evenly;}
        .content.notes svg.add-note {width:45px;height:45px;position:fixed;top:90px;left:5px;}
        .content.notes h3 {font-style:italic;font-weight:400;cursor:pointer;}
        .content.notes aside {position:relative;transform:scale(.75);background:url('/stat/img/note-green.png') center center no-repeat;background-size:100% 100%;width:300px;height:182px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;align-content:space-evenly;}
        .content.notes aside:hover {transform:scale(1.3);transition:all .3s ease-out 0s;}
        .content.notes aside p {font-style:italic;font-weight:400;font-size:.9em;line-height:105%;margin:auto auto auto 10%;max-width:86%;max-height:110px;overflow:hidden;transform:rotate(1deg);}
        body.dark-theme .content.notes aside p {color:#6B7280;}
        .content.notes aside i {position:absolute;font-size:.9em;font-weight:600;bottom:16px;right:16px;transform:rotate(1deg);}
        .content.notes aside button {position:absolute;top:8px;left:50%;width:16px;height:16px;background:none;border:none;box-shadow:none;}
        .content.notes aside.private {background:url('/stat/img/note.png') center center no-repeat;background-size:100% 100%;width:300px;height:182px;}
        .content.notes aside.private p {transform:rotate(-1deg);}
        .content.notes aside.private i {transform:rotate(-2deg);bottom:22px;}
        .content div.warn {display:table;width:95%;margin:6vh auto;}
        .content div.warn div.drow {display:table-row;margin:5px auto;font-size:.9em;}
        .content div.warn div.drow div {display:table-cell;border-bottom:solid 1px #7f8c8d80;padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        .content div.warn.max div.drow div {white-space:normal;}
        .content div.warn div.drow div:nth-child(1) {width:20%;font-weight:600;}
        .content div.warn div.drow div:nth-child(2) {width:30%;}
        .content div.warn div.drow div:nth-child(3) {width:25%;font-weight:400;}
        .content div.warn div.drow div:nth-child(4) {width:25%;text-align:right;}
        .content div.warn div.drow div svg {width:20px;}
        .content div.warn div.drow.old {opacity:.4;}
        
        .content form.report {display:flex;justify-content:center;align-items:center;width:95%;margin:8vh auto 0;}
        .content form.report a {margin-left:25px;padding:4px 8px;border:solid 1px transparent;border-radius:var(--border-radius);}
        .content form.report a.active {color:#7f8c8d;border:solid 1px #7f8c8d;}
        .content form.report select {margin-right:10px;padding:5px; border:1px solid #dcdfe6;border-radius:6px;font-size:0.95em;}
        .content form.report button {margin-right:20px;padding:5px;background:var(--success-color);color:var(--background-light);border-radius:6px;cursor:pointer;}
        .content div.report {display:block;width:98%;margin:3vh auto 6vh;}
        .content div.report div.drow {display:flex;margin:auto;font-size:.9em;}
        .content div.report div.dhead {font-weight:600;background:#34495e90;color:#fff;}
        .content div.report div.dcell:hover {background:#7f8c8d30;}
        .content div.report div.drow div {border-top:solid 1px #7f8c8d80;padding:5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        .content canvas#chart {width:95%;margin:0 auto 25px;}
        .content div#report {display:none;position:relative;width:90%;margin:20px auto;}
        .content div#report div.wrap {max-height: 65vh;overflow: hidden;overflow-y: auto;}
        .content div#report span.close {position:absolute;top:20px;right:20px;font-size:1.3em;transform:scale(3);color:#1a252f90;cursor:pointer;}
        .content div.report.opers div.drow {margin:auto;}
        .content div.report.opers div.drow div:nth-child(1) {width:30%;text-align:left;}
        .content div.report.opers div.drow div:nth-child(2) {width:20%;}
        .content div.report.opers div.drow div:nth-child(3) {width:20%;}
        .content div.report.opers div.drow div:nth-child(4) {width:20%;}
        .content div.report.opers div.drow div:nth-child(5) {width:10%;}
        .content div.report.pers div.drow div:nth-child(1) {width:40%;text-align:left;}
        .content div.report.pers div.drow div:nth-child(2) {width:15%;}
        .content div.report.pers div.drow div:nth-child(3) {width:10%;}
        .content div.report.pers div.drow div:nth-child(4) {width:10%;}
        .content div.report.pers div.drow div:nth-child(5) {width:15%;}
        .content div.report.pers div.drow div:nth-child(6) {width:10%;}
        .content div.report div.dsub {display:block;width:98%;margin:4vh auto;}
        .content div.report div.dsubhead {font-weight:600;background:#34495e60;color:#fff;}
        .content div.report div.dsubrow {display:flex;margin:auto;font-size:.9em;}
        .content div.report div.dsubrow div {border-top:solid 1px #7f8c8d80;padding:2px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        .content div.report.opers div.dsubrow div:nth-child(1) {width:14%;text-align:left;font-weight:600;}
        .content div.report.opers div.dsubrow div:nth-child(2) {width:8%;}
        .content div.report.opers div.dsubrow div:nth-child(3) {width:8%;}
        .content div.report.opers div.dsubrow div:nth-child(4) {width:9%;}
        .content div.report.opers div.dsubrow div:nth-child(5) {width:22%;}
        .content div.report.opers div.dsubrow div:nth-child(6) {width:22%;}
        .content div.report.opers div.dsubrow div:nth-child(7) {width:12%;}
        .content div.report.opers div.dsubrow div:nth-child(8) {width:5%;}
        .content div.report.pers div.dsubrow div:nth-child(1) {width:14%;text-align:left;font-weight:600;}
        .content div.report.pers div.dsubrow div:nth-child(2) {width:9%;}
        .content div.report.pers div.dsubrow div:nth-child(3) {width:9%;}
        .content div.report.pers div.dsubrow div:nth-child(4) {width:19%;}
        .content div.report.pers div.dsubrow div:nth-child(5) {width:22%;text-align:left;}
        .content div.report.pers div.dsubrow div:nth-child(6) {width:22%;text-align:left;}
        .content div.report.pers div.dsubrow div:nth-child(7) {width:5%;}
        .content div.report svg {width:20px;border:solid 2px transparent;cursor:pointer;margin:0 10px -5px;}
        .content div.report svg.active {border:solid 2px #10B981;}
        .content div.report img.add {width:16px;cursor:pointer;margin:0 auto -3px;}
        .content div.report a svg {width:20px;margin:4px auto;}
        .content div.report .loader {margin:10px auto;}
        .content div.report .total { color:#2c3e5090;font-weight:600;font-size:1em;padding-top:30px !important;}
        .content div.report .total#total-pays {color:#10B981;}
        .content div.report .total b.red {color:#e74c3c;font-weight:500;}
        .content div.report.roots {position:relative;}
        .content div.report.roots figure.wrap {position:absolute;width:200px;height:200px;border-radius:50%;overflow:hidden;}
        .content div.report.roots figure.wrap figcaption {opacity:.1;font-size:.8em;font-weight:600;border-radius:50%;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:flex-start;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
        .content div.report.roots figure.wrap figcaption.pays {z-index:3;background:#10B981;color:#fff;margin-top:20px;}
        .content div.report.roots figure.wrap figcaption.price {z-index:1;background:#e74c3c;color:#fff;margin-top:20px;}
        .content div.report.roots figure.wrap figcaption.future {z-index:2;background:#2980b9;color:#fff;margin-top:20px;}
        .content div.report.roots figure.wrap figcaption.title {opacity:1;z-index:5;display:flex;border-radius:none;background:transparent;text-align:center;line-height:105%;}
        .content div.report.roots figure.wrap figcaption.title span {width:100%;}
        .content div.report.roots figure.wrap:hover {transform:scale(1.5);z-index:100;transition:all 1s ease 0s;}
        .content div.report.roots figure.wrap:hover figcaption:hover {z-index:4;opacity:1;}
        .content .tbl-mail {width:95%;margin:50px auto;border-spacing:0;}
        .content .tbl-mail tr.active {background:#27ae6020;}
        .content .tbl-mail td {padding:10px;line-height:105%;}   
        .content .tbl-mail td span.action {float:right;display:flex;justify-content:flex-end;align-items:center;width:100px;}
        .content .tbl-mail td span.action svg {width:16px;height:16px;margin-bottom:-1px;margin-right:10px;}
        .content .tbl-mail#users td span.action svg {float:right;margin:0;fill:#0e803d;}
        .content .tbl-mail td button {margin-left:10px;}
        .content .tbl-mail input[type=radio] {margin-left:30px;}
        .content .tbl-mail input[type=checkbox] {transform:scale(1);}  
          
        div.pivot {position:relative;display:flex;justify-content:flex-start;overflow:hidden;overflow-x:visible;width:95%;max-width:var(--max-width-content);margin:20px auto 30px 0;padding-left:20px;padding-bottom:20px;box-sizing:border-box;font-size:.9em;}
        div.pivot::-webkit-scrollbar {width:4px;height:4px;color:rgb(41, 128, 185)}
        div.pivot::-webkit-scrollbar-track {background-color:#7f8c8d50;}
        div.pivot::-webkit-scrollbar-thumb {background:#6B728060;}
        div.pivot div.wrap {display:flex;flex-wrap:wrap;background:var(--background-light);border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;cursor:pointer;}
        div.pivot div.wrap date {width:100%;color:#6B7280;text-align:center;margin-bottom:10px;font-weight:600;}
        div.pivot div.wrap span {position:relative;width:95%;display:block;text-align:right;font-weight:500;color:#1a252f90;border-top:solid 1px #ccc;}
        div.pivot div.wrap span.red {color:#c0392b;}
        div.pivot div.wrap span.green {color:#0e803d;}
        div.pivot div.wrap span.future {color:#2980b9;}
        div.pivot div.wrap span.total {font-weight:600;}
        div.pivot div.wrap span u {display:none;font-weight:500;position:absolute;top:-5px;right:105%;text-decoration:none;color:#1a252f90;background:var(--background-light);padding:2px 4px;box-shadow:0px 1px 1px #1a252f90;}
        div.pivot div.wrap.active {background:#7f8c8d30;}
        div.pivot span.total {color:#1a252f70;}
        div.pivot span.last {border:none;}
        div.pivot-result {display:flex;justify-content:center;margin:20px auto 30px;}
        div.pivot-result span {color:#1a252f70;font-weight:500;margin-right:20px;}
        div.pivot.comp div.wrap {min-width:10vw;margin:0 2vw;cursor:pointer;}
        div.pivot.comp canvas {min-width:300px;max-width:300px;max-height:200px;margin:0 20px;}
        div.pivot.comp div.wrap span {width:95%;display:flex;justify-content:space-between;white-space:nowrap;font-weight:500;border-top:solid 1px #ccc;}
        body.dark-theme div.pivot.comp div.wrap span {border-top:solid 1px #ffffff80;color:#ffffff90;}
        div.pivot.comp div.wrap span svg.svg-action {fill:#1a252f90;transform:scale(.8);min-width:18px;max-width:18px;margin-right:10px;}
        body.dark-theme div.pivot.comp div.wrap span svg.svg-action {fill:#ffffff90;}
        div.pivot.comp div.wrap span.total {font-weight:600;}

        /*#units tr:nth-child(3n+1) {background:var(--surface-white);}*/

        .table-container {
            width:95%;
            max-width:var(--max-width-content);
            position:relative;
            border-radius: var(--border-radius);
            corner-shape:bevel;
            padding: 0;
            box-shadow: none;
            margin:30px auto 30px 0px;
        }
        .table-container.works {max-width:none;}
        body.dark-theme .table-container {background: var(--background-light);}
        .table-container.graph {
            width:95%;
            margin:20px auto 0px 0;
        }
        .step-container{
            display:none;
            width:95%;
            margin:20px auto 20px 0px;
            padding: 0px;
            background:none;border:none;box-shadow:none;
        }
        #step-list {min-height:20vh;}


        .chart {display:block;box-sizing:border-box;width:95%;max-width:var(--max-width-content);max-height:116px;margin:0px auto 0px 0;background:transparent;}
        #chart-balance {z-index:2;margin:2vh auto 2vh 0;max-width:var(--max-width-content);}
        #chart-comp {margin:2px auto -15px 0;max-width:var(--max-width-content);}
        .main-content.collapsed .content,
        .main-content.collapsed .table-container,
        .main-content.collapsed .chart,
        .main-content.collapsed .pivot,
        .main-content.collapsed .pages,
        .main-content.collapsed #chart-comp,
        .main-content.collapsed #unit-pays,
        .main-content.collapsed #chart-balance {width:90%;margin: 30px auto 50px;}
        .main-content.collapsed #chart-balance {margin:2px auto 5px;}
        .main-content.collapsed #chart-comp {margin-bottom:-15px;}
        .main-content.collapsed .content.index {margin-top:20px;}
        .main-content.collapsed .table-container.graph {margin-left:7%;}
        .content h2:first-child {position:absolute;left:0;right:0;top:0;padding:10px 20px 5px;font-size:1.2em;background: #34495e90;color:#fff;border-radius: var(--border-radius) var(--border-radius) 0 0;}
        body.dark-theme .content {box-shadow:0px 0px 35px #374151;}
        body.dark-theme .content h2:first-child {background:#34495e;color:#ffffff80;}

        .step-container.plot {
            visibility:hidden;
            border-radius:var(--border-radius);
            display:block !important;
            min-height:450px;
            padding: 0px;
            background:transparent;
            margin:-100px auto 20px 30px;
        }
        .main-content.collapsed .step-container.plot {margin:-100px auto 20px;}
        .step-container.plot div {background:transparent !important;}
        .step-container.plot form {margin-bottom:15px;}

        /* Таблица техники */
        .units-container {
            display:flex;flex-wrap:wrap;justify-content:space-evenly;
            background: none;
            border-radius: var(--border-radius);
            corner-shape:bevel;
            padding: 0px;
            margin:20px auto auto 0px;
            /*box-shadow: 0 3px 15px rgba(0,0,0,0.08);*/
            width:90%;
        }
        .main-content.collapsed .units-container {margin:auto;}
        img.loader {margin:80px auto 70vh 35%;opacity:.8;width:80px;}
        img.loader.copy {margin:0;width:20px;}
        .units-container figure{
            position:relative;
            margin:1.8vw;
            width:32%;min-width:280px;max-width:320px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            padding:10px;background:transparent;
            border-top:solid 1px #2c3e5040;
            box-shadow:1px 1px 12px #1a252f40;
            border-radius:var(--border-radius);corner-shape:bevel;
            background:var(--background-light);

        }
        .main-content.collapsed .units-container  figure {}
        body.dark-theme figure {background: #111827;}
        .units-container figure img.loader {position:absolute;left:10%;top:0px;width:80px;height:80px;}
        .units-container figure div.wrap {margin:20px 0 15px auto;display:flex;justify-content:space-between;align-items:center;}
        .units-container figure img.logo-root {width:45px;height:45px;margin:auto;border-bottom:none;cursor:pointer;}
        .units-container figure div.nums {width:55%;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:.75em;margin:10px 0 10px 15px;}
        .units-container figure div.nums p {width:100%;white-space:nowrap;margin:.3vw auto;padding:0px 4px;color:#95a5a6;display:flex;justify-content:space-between;border-radius:var(--border-radius);}
        .units-container figure div.nums p span {font-weight:600;transform:scale(1.2);color:#1a252f90;}
        .units-container figure div.nums p.worked-new {border-right:solid 0px #c0392b;corner-shape:notch;border-radius:var(--border-radius);}
        .units-container figure div.nums p.worked-new span {color:#c0392b;}
        .units-container figure div.nums p.worked-work {border-right:solid 0px #f39c12;corner-shape:notch;border-radius:var(--border-radius);}
        .units-container figure div.nums p.worked-ready {border-right:solid 0px #27ae60;corner-shape:notch;border-radius:var(--border-radius);}
        .units-container figure div.nums p.worked-ready span {color:#27ae60;}
        body.dark-theme .units-container figure div.nums p {opacity:.9;background:none;}
        body.dark-theme .units-container figure div.nums p span {color:#ffffff90;}

        .units-container figure img.add {opacity:.8;position:absolute;bottom:5px;right:5px;cursor:pointer;width:20px;height:20px;}
        .units-container figure aside {display:flex;flex-wrap:wrap;position:absolute;right:5px;top:20px;width:100px;background:var(--background-light);}
        .units-container figure figcaption {font-size:.9em;text-align:left;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        .units-container figure i.bg {opacity:.7;position:absolute;top:5px;left:5px;display:block;width:15px;height:15px;border-radius:50%;}
        .units-container figure i.edit {opacity:.8;position:absolute;top:2px;right:2px;transform:scale(1);cursor:pointer;width:27px;height:27px;}
        .units-container figure .balance {position:absolute;top:3px;left:30px;font-size:1;font-weight:500}
        .units-container figure .future {position:absolute;top:3px;right:30px;font-size:1;font-weight:500}

        h2.title {display:none;}
        h2.title-form {display:block;}
        h2.title-form {display:block;}

        body.dark-theme h2.title-form {color:#ffffff80;}

        /* Таблицы */


        .table-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }

        .table-header h3 {
            color: #2c3e50;
        }

        .stat {
            padding: 1px 5px 1px;
            border-radius: 0px var(--border-radius) 0px var(--border-radius);
            font-size: 0.9em;
            font-weight: 400;
            white-space: nowrap;
            color: #d5f4e6;
            border: groove 2px transparent;
            corner-top-right-shape:bevel;
            corner-bottom-left-shape:bevel;
        }
        body.dark-theme .stat {opacity:.8;}
        .status-available {
            background: #d5f4e6;
            color: #27ae60;
        }

        .status-busy {
            background: #fde8e8;
            color: #e74c3c;
        }

        .status-maintenance {
            background: #fef5e7;
            color: #f39c12;
        }


        body.dark-theme .step-container.plot{
            display:none;
            background:#111827;
        }
        body.dark-theme .step-container.plot div{
            background:#111827;
        }
        .step-container .card-title {margin-left:20px;width:90%;}
        .step-container .card-title form {margin:20px auto;display:flex;justify-content:space-between;align-items:center;}
        .step-container .card-title form b {color:var(--secondary-color);font-weight:500;font-size:.9em;white-space:nowrap;margin-left:10%;}
        .tbl-colors {min-width:20%;font-weight:400;font-size:.9em;}
        .tbl-colors th {width:16px;padding-left:10px;}
        .tbl-colors th div {width:16px;height:16px;border-radius:var(--border-radius);corner-shape:bevel;}
        .tbl-colors th div.add {background:#2980b9;}
        .tbl-colors th div.set {background:#10B981;}
        .tbl-colors th div.del {background:#c0392b;}
        .tbl-colors td {padding:0px 20px 0px 5px;vertical-align:middle;white-space:nowrap;cursor:pointer;}
        .tbl-colors td.active {border-bottom:ridge 1px #7f8c8d30;}
        .tbl-colors.report {margin:20px auto;min-width:none;}
        .step-container .card-title form select {padding:2px 5px;border-radius:var(--border-radius);font-size:.9em;border:none;background:var(--background-light);}
        .form-content {margin-top:30px;}

        .stat-container {display:flex;justify-content:space-around;align-items:center;border-radius:10px;padding:10px !important;box-shadow:-2px -2px 32px #1a252f40;}
        
        #stats-flex {order:2;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin:10px;width:auto; width:60%;}
        #stats-flex li {text-transform:lowercase;margin:6px;padding:2px 8px 3px 5px;display:flex;justify-content:space-between;align-items:center;font-size:.9em;white-space:nowrap;background:var(--background-light);color:var(--secondary-color);border-radius:var(--border-radius); border: groove 1px #7f8c8d60;corner-shape:bevel;cursor:pointer;}
        #stats-flex li span {opacity:.6;border-radius:50%;display:block;min-width:12px;min-height:12px;margin:0 10px -2px 0px;}
        #stats-flex li b {font-weight:500;display:inline-block;margin-left:10px;}
        #stats-flex li:hover {background:none;transform:translateY(7%);border:solid 1px #0e803d80;}
        #stats-flex li.active {background: #27ae6080;color:#fff;}

        body.dark-theme #stats-flex li {border:solid 1px #dcdfe670;background: transparent;}
        body.dark-theme #stats-flex li:hover {border:solid 1px #0e803d80;}


        /* Фильтры и поиск */
        .filters { display:flex; justify-content:center;align-items:center;margin:10px auto 30px 10px;width:38%;}
        .filters form {max-width:150px;margin-left:15px;}
        .filters fieldset {width:100%;border:none;display:flex;}
        .filters fieldset input {border:1px solid #dcdfe6;}
        .filters.roots { }

        /*
         @media (min-width: 1600px) {
            .main-content {
                display:flex;
                flex-wrap:wrap;
                justify-content:space-between;
                align-items:flex-start;
                align-content:flex-start;
                position:relative;
                box-sizing:border-box;
                width:80%;
                max-width:1800px;
                margin: 0 15% 0 0;
            }
            .content {max-width:1800px;}
            #plot, .plot {width:100%;max-width:1800px;}
            .stat-container {width:30%;min-width:220px;max-width:300px;order:3;margin:0 0 0 40px;}
            .table-container {width:67%;min-width:700px;max-width:1600px;order:2;}
            .step-container {width:100%;order:4;margin-top:5vh;}
            .step-container.plot {max-width:1800px;}
            .form-content {margin:30px auto 40px 15%;}
            .tbl-center {margin:auto;width:80%;}
            .units-container figure{
                margin:10px;
                padding: 16px 12px 12px;
                max-height:125px;
            }
            .stat-card {
                background: var(--surface-white);
                margin:15px;
                padding: 16px 12px 12px;
                width:90%;
                min-width:180px;
                margin:auto;
            }
            .filters {
                flex-wrap:wrap;
                gap: 5px 0px;
                margin: 20px auto 15px;
            }
            .search-input {
                width: 100%;
                padding: 12px 45px 12px 15px;
            }
            .search-box {
                flex: 1;
                min-width: 240px;
                position: relative;
            }
            .filter-select {
                min-width: 240px;
            }
            #stats-flex {margin: 0px auto;flex-wrap:wrap;max-width:180px;order:2;}
            #stats-flex li {margin:5px;width:160px;font-size:1em;white-space:nowrap;}
         }    
*/

        /* Индикатор свернутого меню */
        .collapsed-hint {
            position: absolute;
            bottom: 20px;
            left: 0;
            right: 0;
            text-align: center;
            color: var(--secondary-color);
            font-size: 0.75em;
            padding: 10px;
            opacity: 1;
            transition: opacity 0.3s ease;
        }

        .sidebar.collapsed .collapsed-hint {
            opacity: 0;
        }

        /* Подсказки при наведении на свернутое меню */
        .menu-tooltip {
            position: absolute;
            left: 100%;
            top: 0;
            background: var(--text-primary);
            color: var(--surface-white);
            padding: 8px 12px;
            border-radius: var(--border-radius);
            font-size: 0.85em;
            white-space: nowrap;
            z-index: 1001;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
        
        #nav-links > li:hover .menu-tooltip {
            opacity: 1;
        }
        
        .submenu-tooltip {
            position: absolute;
            left: 100%;
            top: 0;
            background: var(--text-primary);
            color: var(--surface-white);
            padding: 8px 12px;
            border-radius: var(--border-radius);
            font-size: 0.85em;
            white-space: nowrap;
            z-index: 1001;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
        
        .submenu li:hover .submenu-tooltip {
            opacity: 1;
        }

        /* НОВЫЕ СТИЛИ ДЛЯ ОБНОВЛЕННОГО ДИЗАЙНА */

        /* Приветственная секция */
        .welcome-section {
            text-align: center;
            margin-bottom: 20px;
            padding: 10px;
        }

        .welcome-section h1 {
            font-size: 1.6em;
            font-weight: 600;
            color: var(--text-primary);
            margin-bottom: 10px;
        }

        .welcome-subtitle {
            font-size: .9em;
            color: var(--text-secondary);
            margin: 0 auto;
        }


        /* Магазин модулей */
        .modules-container {
            padding: 0px;
            margin:50px auto 70px 0px;
        }
        .main-content.collapsed .modules-container {margin:50px auto 70px;}
        .modules-grid {
            width:95%;
            display: flex;
            justify-content: space-between;
            margin: 20px auto;
        }

        .module-card {
            width:30%;
            min-width:280px;
            border: 1px solid #e0e0e0;
            border-radius: var(--border-radius);
            overflow: hidden;
            transition: all 0.3s;
            background: white;
            position: relative;
        }

        body.dark-theme .module-card {border: 1px solid #e0e0e090;background:#111827;}
        #rates aside.date {display:flex;justify-content:space-around;margin:0;padding:0;}
        #rates aside.date i {color:#6B7280;font-size:.7em;font-style:normal;}
        .module-card .active-rate {display:none;}
        .module-card.active .module-footer {display:none;}
        .module-card.active .active-rate {display:block;}
        .module-card:hover {
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

        .module-card.premium {
            border: 2px solid #f39c12;
        }

        .module-card.pro {
            border: 2px solid #9b59b6;
        }

        .module-card.business {
            border: 2px solid #3498db;
        }

        .module-header {
            padding: 10px 10px 4px 10px;
            background: #34495e;
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .module-card.active .module-header {
            background: #219653;
            color: white;
        }
        .module-header h3 {
            text-transform: uppercase;
            font-size: 1.2em;
            font-weight: 600;
        }

        .module-badge {
            padding: 5px 10px;
            border-radius: 20px;
            font-size: 0.8em;
            font-weight: 600;
        }

        .badge-premium {
            background: #f39c12;
        }

        .badge-pro {
            background: #9b59b6;
        }

        .badge-business {
            background: #3498db;
        }

        .module-price {
            color:#219653;
            font-size: 1.3em;
            font-weight: 700;
            margin-top: 10px;
            text-align:center;
        }

        .module-body {
            padding: 20px;
        }
        body.dark-theme .module-body {background:#1F2937;}
        .module-features {
            list-style: none;
            margin: 15px 0;
        }

        .module-features li {
            padding: 5px 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 5px;
            font-size:.9em;
        }

        .module-features li:last-child {
            border-bottom: none;
        }

        .feature-included {
            position:relative;
            color: #27ae60;
            text-align:center;
        }
        .active-rate .feature-included {
            font-size:1.05em;
            padding-top:0;
            white-space:nowrap;
        }
        .feature-excluded {
            color: #e74c3c;
        }

        .module-limitation {
            background: #f8f9fa;
            padding: 10px 15px;
            border-radius: 6px;
            margin-top: 15px;
            font-size: 0.9em;
            color: #7f8c8d;
        }

        .module-footer {
            padding: 15px 20px 25px;
            border-top: 1px solid #e0e0e0;
            display: flex;
            justify-content: center;
        }
        .module-footer .btn-primary {background:#219653;width:80%;margin-top:15px;border:groove 2px #1a252f30;}
        .module-status {
            padding: 5px 10px;
            border-radius: 20px;
            font-size: 0.9em;
            font-weight: 800;
        }

        .status-active {
            background: #d5f4e6;
            color: #27ae60;
        }

        .status-inactive {
            background: #fde8e8;
            color: #e74c3c;
        }

        .status-trial {
            background: #fef5e7;
            color: #f39c12;
        }

        


        /* Обновленная сетка статистики */
        .stats-grid {width:100%;display:none;flex-wrap:wrap;justify-content:space-evenly;}
        
        .index .wrap {display: flex;width:100%;flex-wrap:wrap;justify-content:space-between;}
        .index .wrap h3 {color:#1F293780;width:100%;margin:0px auto 10px;padding:15px 15px 5px;display:flex;justify-content:space-between;align-items:center;border-bottom:solid 1px #6B728020;}
        body.dark-theme .index .wrap h3 {color:#ffffff90;border-bottom:solid 1px #ffffff90;}
        .index .wrap h3 svg {width:25px;}
        .index .wrap div {box-sizing:border-box;}
        .index .wrap ul {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
        .index .wrap ul li {background:var(--background-light);list-style-type:none;padding:5px 10px;box-sizing:border-box;cursor:pointer;border-radius: 5px;corner-shape: bevel;}
        .index .wrap ul li:hover p {color:#6B728080;}
        .index .wrap ul li date {position:relative;display:block;width:100%;font-size:.9em;color:#6B728080;white-space:nowrap;}
        .index .wrap ul li date svg {width:12px;margin-right:.5vw;}
        .index .wrap ul li date u {display: none;font-weight: 500;position: absolute;white-space:nowrap;font-size:.9em;top: -5px;left: 30px;text-decoration: none;color: #1a252f90;background: #fff;padding: 2px 4px;box-shadow: 0px 1px 1px #1a252f90;}
        .index .wrap ul li date:hover u {display:block;}
        .index .wrap ul li p {width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:space-between;align-items:center;margin:0;}
        .index .wrap ul li p b {font-weight:300;font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;max-width:50%;}
        .index .wrap ul li p span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
        .index .wrap .works {width:67%;min-height:46vh;padding:0 0 0 0;}
        .index .wrap .works ul {min-width:480px;margin-left:0;justify-content:flex-start;}
        .index .wrap .works ul li {width:46%;max-width:260px;min-height:50px;margin:.6vw 2vw .6vw 0;}
        .index .wrap .roots {width:31%;padding:0 0 0 0;}
        .index .wrap .roots ul {margin-left:10px;max-height:350px;overflow:hidden;}
        .index .wrap .roots ul li {width:100%;max-width:160px;margin:.8vw auto .8vw 0;background:none;padding:4px 5px;}
        .index .wrap .roots ul li span.balance {position:relative;display:block;width:100%;font-size:.9em;}
        .index .wrap .warns {width:100%;padding:0px;margin-bottom:2vw;}
        .index .wrap .warns ul {margin:0 0px;padding:0;justify-content:flex-start;}
        .index .wrap .warns ul li {width:31%;max-width:280px;margin:.6vw 2vw .6vw 0;background:#c0392b10;}
        .index .wrap .warns ul li img {width:40px;height:40px;border-radius:50%;margin-right:.8vw;object-fit:cover;}
        .index .wrap .warns ul li p {justify-content:flex-start;}
        .index .wrap .warns ul li p span {width:88%;display:flex;flex-wrap:wrap;}
        .index .wrap .warns ul li p span u {width:100%;display:flex;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        .index .wrap .warns ul li p span b {width:100%;max-width:none;font-weight:500;display:flex;justify-content:space-between;white-space:nowrap;overflow:visible;}
        .index .wrap .warns ul li p span b u {display:block;text-align:right;font-weight:400;color:#6B728090;}
        .index .wrap .warns ul li date {display:none;overflow:hidden;text-overflow:ellipsis;}
        .index .wrap .warns ul li date svg {fill:#6B728080;}

        @media (min-width:1500px){
            .index .wrap .warns ul li {max-width:340px;}
            .index .wrap .works ul li {max-width:300px;}
            .index .wrap .roots ul li {max-width:190px;}
        } 
        .stat-card {
            position: relative;
            background:#fff;
            margin:24px 16px 16px;
            padding: 16px 12px 12px;
            width:auto;
            width:24%;
            border-radius:var(--border-radius);
            text-align: center;
            border: 1px solid var(--border-light);
            transition: all 0.3s ease;
            box-shadow:1px 1px 36px #1a252f40;
            corner-shape:bevel;
            overflow: hidden;
            cursor:pointer;
        }
        body.dark-theme .stat-card {  background:#ffffff10;}
        .stat-container .stats-grid {justify-content:space-between;}
        .stat-container .stat-card {margin:5px;padding:5px 12px;width:23%;cursor:auto;box-shadow:1px 1px 16px #1a252f40 inset;}
        
        /*
        .stat-card.total {
            border-top-color: #3498db;
        }

        .stat-card.active {
            border-top-color: #27ae60;
        }

        .stat-card.archived {
            border-top-color: #95a5a6;
        }

        .stat-card.expired {
            border-top-color: #e74c3c;
        }

        .stat-card.fines {
            border-top-color: #f39c12;
        }

        .stat-card.passes {
            border-top-color: #9b59b6;
        }

        .stat-card.tolls {
            border-top-color: #1abc9c;
        }
*/
        .stat-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--hover-shadow);
            border:solid 1px #7f8c8d50;
        }
        .stat-container .stat-card:hover {
            transform: translateY(0);
            box-shadow: var(--hover-shadow);
            border:solid 1px #7f8c8d50;
        }
        
        .stat-card:hover::before {
            transform: scaleX(1);
        }
        
        .stat-icon {
            width: 55px;
            margin: 10px auto 6px;
            padding:15px 10px 10px;
            fill:#6B7280;
            background: var(--background-light);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2em;
            transition: all 0.3s ease;
        }
        
        .stat-card:hover .stat-icon {
            background: #10B981;
            fill:#fff;
            transform: rotate(10deg) scale(1.1);
        }
        body.dark-theme .stat-card:hover .stat-icon { fill:#ffffff80; }  
        .stat-value {
            font-size: 1.9em;
            font-weight: 600;
            color: #1a252f80;
            margin-bottom: 4px;
        }
        body.dark-theme .stat-value {color: var(--primary-light); }   
        .stat-container .stat-value { font-size: 1.3em;}  
        .compare {font-size:.6em;float:right;}
        .compare.green::before {content:'+';}
        .stat-label {
            color: var(--text-secondary);
            font-size: 1em;font-weight:600;
            margin-bottom: 8px;
            text-transform: lowercase;
        }
        .stat-container .stat-label {margin:-15px 0 0px;}
        .stat-trend {
            font-size: 0.8em;
            padding: 2px 8px;
            border-radius: 8px;
            display: inline-block;
        }
        
        .positive {
            background: rgba(16, 185, 129, 0.1);
            color: var(--success-color);
        }
        
        .stat-card .stat-value.zero {opacity:.5;}  
        .stat-card .warn-icon {display:none;position:absolute;right:5px;top:5px;width:25px;} 
        .stat-card.negative .warn-icon {display:block;}

        /* Заголовки секций */
        .section-header {
            margin: 10px 0 10px;
            padding-bottom: 12px;
            border-bottom: 1px solid var(--border-light);
        }

        .section-header h3 {
            margin-bottom: 4px;
            font-weight: 600;
            color: var(--text-primary);
        }

        .section-header p {
            color: var(--text-secondary);
            font-size: 0.95em;
        }
        #warning-activate {display:none;background:#c0392b;color:#fff;text-align:center;width:95%;margin:0 auto 20px;padding:10px;border-radius:12px;font-size:1.1em;cursor:pointer;}
        /* Обновленные кнопки быстрых действий */
        .quick-actions {
            display: flex;
            justify-content:space-around;
            margin: 24px auto 32px;
        }


        .quick-actions a:link, 
        .quick-actions a:visited {color:#1a252f;background:#fff;}
        .quick-actions a:hover {text-decoration:none;}
        .action-btn {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            padding: 20px 16px;
            border-radius: var(--border-radius);
            corner-shape:bevel;
            box-shadow:2px 0px 24px #1a252f40;
            border: 1px solid var(--border-light);
            cursor: pointer;
            transition: all 0.3s ease;
            width:30%;
            min-height: 100px;
            justify-content: center;
            text-decoration: none;
            position: relative;
            overflow: hidden;
        }
        .action-btn svg {fill:#1F293780;width:40px;}

        body.dark-theme .action-btn {background:var(--background-light);}
        body.dark-theme .action-btn svg {fill:#111827;} 
        body.dark-theme .quick-actions svg {fill:#ffffff80;} 
        
        .action-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #3498db;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 0;
        }
        
        .action-btn:hover {
            border-color: #7f8c8d50;
            transform: translateY(-3px);
            box-shadow: var(--hover-shadow);
        }
        
        .action-btn:hover::before {
            opacity: 0.05;
        }
        
        .action-btn i {
            font-size: 1.6em;
            margin-bottom: 12px;
            color: #219653;
            position: relative;
            z-index: 1;
            transition: all 0.3s ease;
        }
        
        .action-btn:hover i {
            transform: scale(1.2);
        }
        
        .action-btn span {
            color: var(--text-secondary);
            font-weight: 500;
            margin-bottom: 4px;
            position: relative;
            z-index: 1;
        }
        
        .action-btn small {
            color: var(--text-secondary);
            font-size: 0.8em;
            position: relative;
            z-index: 1;
        }

        /* Список задач */
        .task-list {
            list-style: none;
            margin-top: 20px;
        }

        .task-item {
            padding: 20px;
            border-bottom: 1px solid var(--border-light);
            display: flex;
            align-items: center;
            transition: all 0.3s;
        }

        .task-item:hover {
            background: var(--background-light);
            transform: translateX(5px);
        }

        .task-item:last-child {
            border-bottom: none;
        }

        .task-icon {
            width: 40px;
            height: 40px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 16px;
            color: white;
            font-size: 1em;
            transition: transform 0.3s;
        }

        .task-item:hover .task-icon {
            transform: scale(1.1) rotate(5deg);
        }

        .task-info {
            flex: 1;
        }

        .task-title {
            font-weight: 500;
            color: var(--text-primary);
            margin-bottom: 4px;
        }

        .task-desc {
            font-size: 0.85em;
            color: var(--text-secondary);
        }

        .task-meta {
            display: flex;
            gap: 12px;
            margin-top: 6px;
        }

        .task-meta-item {
            font-size: 0.8em;
            color: var(--text-secondary);
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .task-status {
            font-size: 0.8em;
            padding: 6px 12px;
            border-radius: 20px;
            font-weight: 500;
            transition: all 0.3s;
        }

        .task-item:hover .task-status {
            transform: scale(1.05);
        }

        .status-pending {
            background: rgba(245, 158, 11, 0.1);
            color: var(--warning-color);
        }

        .status-inprogress {
            background: rgba(44, 85, 48, 0.1);
            color: var(--primary-color);
        }

        .status-completed {
            background: rgba(16, 185, 129, 0.1);
            color: var(--success-color);
        }



        /* Дополнительные стили для улучшения читаемости */
        .content h3 {
            color: var(--text-primary);
            margin-bottom: 16px;
            font-weight: 600;
        }

        .content p {
            line-height: 1.6;
            margin-bottom: 20px;
            color: var(--text-secondary);
        }

        .content ul {
            margin-left: 20px;
            margin-bottom: 20px;
        }

        .content li {
            margin-bottom: 8px;
            line-height: 1.5;
            color: var(--text-secondary);
        }

        /* Двухколоночный макет */
        .two-column-layout {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 30px;
            margin-top: 30px;
        }

        @media (max-width: 1024px) {
            .two-column-layout {
                grid-template-columns: 1fr;
            }
        }

        /* Карточки */
        .card {
            background: var(--surface-white);
            border-radius: 12px;
            padding: 24px;
            box-shadow: var(--card-shadow);
            border: 1px solid var(--border-light);
            margin-bottom: 24px;
            transition: all 0.3s ease;
        }

        .card:hover {
            box-shadow: var(--hover-shadow);
        }

        .card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }

        .card-title {
            font-weight: 600;
            color: var(--text-primary);
            font-size: 1.1em;
        }

        .card-actions {
            display: flex;
            gap: 8px;
        }

        .card-action-btn {
            background: none;
            border: none;
            color: var(--text-secondary);
            cursor: pointer;
            padding: 6px;
            border-radius: 6px;
            transition: all 0.3s;
        }

        .card-action-btn:hover {
            background: var(--background-light);
            color: var(--text-primary);
            transform: rotate(15deg);
        }

        /* Анимация появления элементов */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .fade-in {
            animation: fadeInUp 0.5s ease forwards;
        }

        .delay-1 { animation-delay: 0.1s; }
        .delay-2 { animation-delay: 0.2s; }
        .delay-3 { animation-delay: 0.3s; }
        .delay-4 { animation-delay: 0.4s; }
        .delay-5 { animation-delay: 0.5s; }
        .delay-6 { animation-delay: 0.6s; }
        .delay-7 { animation-delay: 0.7s; }
        .delay-8 { animation-delay: 0.8s; }
        .delay-9 { animation-delay: 0.9s; }
        .delay-10 { animation-delay: 1s; }
        .delay-11 { animation-delay: 1.1s; }
        .delay-12 { animation-delay: 1.2s; }
        .delay-13 { animation-delay: 1.3s; }
        .delay-14 { animation-delay: 1.4s; }
        .delay-15 { animation-delay: 1.5s; }
        .delay-16 { animation-delay: 1.6s; }
        .delay-17 { animation-delay: 1.7s; }
        .delay-18 { animation-delay: 1.8s; }
        .delay-19 { animation-delay: 1.9s; }
        .delay-20 { animation-delay: 2s; }
        .delay-21 { animation-delay: 2.1s; }
        .delay-22 { animation-delay: 2.2s; }
        .delay-23 { animation-delay: 2.3s; }
        .delay-24 { animation-delay: 2.4s; }
        .delay-25 { animation-delay: 2.5s; }
        .delay-26 { animation-delay: 2.6s; }
        .delay-27 { animation-delay: 2.7s; }
        .delay-28 { animation-delay: 2.8s; }
        .delay-29 { animation-delay: 2.9s; }

.my-20 {margin:20px 0;}

ul.messages {z-index:1000;position:fixed;display:flex;flex-wrap:wrap;bottom:3vh;right:30px;max-width:300px;background:#3498db;border-radius:10px;padding:10px 20px;}
ul.messages li {color:#fff;list-style-type:none;}
.error, .errors, ul.messages.error, ul.messages.errors {background:var(--error-color);}
.errorlist {margin:50px 10px 20px;width:auto;font-size:1.1em;background:var(--error-color);border-radius:10px;corner-shape:bevel;}
.errorlist li {color:#fff;padding:10px;}
.errorlist li .errorlist {display:inline-block;margin: 0 0 0 40px;}
.thumbs {display:flex;flex-wrap:wrap;padding:20px;border-radius:5px;background:var(--background-light);}
a:link,
a:visited {color:var(--primary-light);text-decoration:none;font-weight:700;}
a:hover {color:var(--primary-light-hover);}
a.active {color:#c0392b;}
a.btn:link,
a.btn:visited {color:#fff;text-decoration:none;}
a.btn:hover {text-decoration:none;}
body.dark-theme a.btn:link,
body.dark-theme a.btn:visited {color:#ffffff80;}
a.thumb {width:100px;height:90px;display:block;margin:5px;line-height:95%;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
a.thumb:link,
a.thumb:visited {font-size:.85em;}
a.thumb img {width:100%;height:70px;object-fit:cover;}
a.mail-confirm {color:var(--error-color);position:relative;font-size:1em;font-weight:500;}

blockquote {border-radius:4px;text-align:center;background:#2980b920;color:#11182790;font-size:.9em;width:90%;padding:10px;margin:0px auto 30px;box-shadow:var(--card-shadow);box-sizing: border-box;transition:all .5s ease 0s;}
body.dark-theme blockquote {background:#ffffff20;color:#ffffff90;font-size:.9em;width:90%;padding:10px;margin:0px auto 30px;box-shadow:var(--card-shadow);box-sizing: border-box;transition:all .5s ease 0s;}
#first-to-bq {margin-top:50px;}

#unit-form {max-width:var(--max-width-content);margin:90px auto 40px;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;align-content:space-evenly;}  
.modal-body #unit-form {min-height:60vh;}
.modal-body #unit-form #id_text {width:64%;min-width:400px;margin:auto;}

#unit-form blockquote img.help {opacity:.9;margin:10px 0;}
#unit-form blockquote span {font-weight:800;color:#c0392b;}
#unit-form blockquote.encrypt {cursor:pointer;}
#unit-form blockquote.encrypt img {display:none;max-width:100%;margin:auto;opacity:0.8;}
#unit-form blockquote.encrypt.active img {display:block;}
#unit-form blockquote#autosave-bq {margin:40px auto -20px;color:#11182760;background:#fffbf3;}
body.dark-theme #unit-form blockquote#autosave-bq {color:#111827;background:#fffbf330;} 

#unit-form span.no-save {position:fixed;top:15vh;left:-300px;background:#2980b9;color:#d5f4e6;padding:10px;border-radius:8px;box-shadow:0px 1px 10px #1a252f60;cursor:pointer;}
#unit-form span.no-save.active {z-index:50;left:22vw;transition:all .3s ease-out 0s;}
body.dark-theme #unit-form blockquote {color:#ffffff80;}
body.dark-theme #unit-form blockquote img {opacity:.6;}

#unit-form a.center {width:100%;display:block;text-align:center;}
#unit-form input,
#unit-form select,
#unit-form textarea {min-width:30px;width:65%;box-sizing:border-box;padding:10px; border:1px solid #dcdfe6; border-radius:6px; font-size:0.95em;}  
#unit-form textarea {max-height:180px;}
#unit-form input[type=button] {margin:10px auto;background:var(--text-secondary);color:var(--background-light);width:100%;max-width:250px;margin:30px auto 0;cursor:pointer;}
#unit-form input[type=button]:hover {background:var(--primary-light);}
#unit-form input[type=submit] {margin:10px auto;background:var(--success-color);color:var(--background-light);width:100%;max-width:250px;margin:30px auto 0;cursor:pointer;}
#unit-form input[type=submit]:hover {background:var(--primary-light);}
#unit-form input[type=checkbox] {width:25px;}
#unit-form select#id_user {display:none;}
#unit-form li select {width:100%;}
#unit-form select.select-multi {height:200px;width:100%;max-width:500px;min-width:320px;margin:auto;}
#unit-form ul.checks {display:block;width:100%;margin:10px auto 10px 0;}
#unit-form ul.checks li {display:flex;flex-wrap:nowrap;align-items:center;}
#unit-form ul.checks li label {margin-left:10px;}
#unit-form h4 {min-width:380px;margin:20px auto 10px;display:flex;justify-content:space-between;}
#unit-form h4 #check-price {color:#0e803d;margin-left:20px;}
#unit-form h2 {width:95%;max-width:1600px;color:var(--secondary-color);white-space:nowrap;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:solid 1px var(--secondary-color);margin:40px auto 40px;} 
#unit-form div {width:45%;max-width:800px;margin:5px 2%;}
#unit-form div.large {width:95%;margin:auto;max-width:none;}
#unit-form div p {font-size:1em;line-height:105%;}
#unit-form div.work-service {width:90% !important;max-width:1200px;margin:30px auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
#unit-form div.work-service div {width:35%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:0px;}
#unit-form div.work-service div label {width:100%;}
#unit-form div.work-service div select {width:100%;}
#unit-form div.work-service div.service {width:60%;}
#unit-form div.work-service div.amount {width:20%;}
#unit-form div.work-service div.delete {width:10%;}
#unit-form div.pays {width:95%;max-width:1200px;border:none;display:flex;justify-content:flex-start;margin:24px auto 12px;}
#unit-form div.pays p {min-width:13vw;margin-right:20px;}
#unit-form div.pays b {font-weight:400;}
#unit-form div.pays span {font-weight:600;}
#unit-form div.pays div.links {width:150px;max-width:200px;margin:-16px 0 0 auto;display:flex;flex-wrap:wrap;align-items:center;}
#unit-form div.pays div.links a {width:100%;min-width:10vw;padding:0;display:flex;justify-content:space-between;}
#unit-form div.pays div.links a svg {height:24px;margin:0px 10px 0px 0px;}
svg.logo1c {width:24px;height:24px;}

#unit-form fieldset.radio div#id_is_book {width:100%;}
#unit-form fieldset.radio div input {display:none;}
#unit-form fieldset.radio div label {justify-content:center;}
#unit-form fieldset.radio div div {order:2;border:solid 1px #7f8c8d;padding:8px;border-radius:var(--border-radius);}
#unit-form fieldset.radio div.active:nth-child(1) {background:#D17A3F;color:#fff;}
#unit-form fieldset.radio div.active:nth-child(2) {order:1;background:#10B981;color:#fff;}
#unit-form radioset {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
#unit-form radioset div {display:flex;justify-content:flex-start;align-items:center;max-width:120px;}
#unit-form radioset input {width:10px;height:10px;}
#unit-form h4#balance {margin-bottom:40px;}
#unit-form h4#balance span {color:#0e803d;transform:scale(1.3);margin:0 auto;}
#unit-form fieldset {position:relative;width:100%;border:0;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}  
#unit-form fieldset span.help-text {width:100%;margin:-20px auto 25px;text-align:center;white-space:nowrap;font-size:.9em;color:#6B728090;}
#unit-form fieldset datalist {z-index:10;position:absolute;}
#unit-form fieldset aside.help {display:none;z-index:2;position:absolute;bottom:40px;left:-10px;width:90%;background:var(--success-color);color:#fff;box-shadow:1px 1px 6px #11182760;padding:10px;font-size:.9em;line-height:105%;border-radius:var(--border-radius);}
#unit-form fieldset:hover aside.help {display:block;}
#unit-form fieldset.price {margin-top:-12px;}
#unit-form fieldset.price select {width:25%;}
#unit-form fieldset.price .detail-value {width:40%;text-align:center;color:#0e803d;transform:scale(1.2);font-weight:600;padding:15px;}
#unit-form fieldset.file {flex-wrap:wrap;}
#unit-form fieldset.file input {margin-top:20px;width:100%;}
#unit-form fieldset label {cursor:pointer;line-height:110%;font-size:1em;min-width:100px;max-width:160px;display:flex;justify-content:space-between;} 
#unit-form fieldset.hours label small {box-shadow:1px 1px 0px #6B728080;color:#6B728080;float:right;padding:1px 3px 3px;cursor:pointer;margin:0 1px;font-size:1.1em;transform:scale(.8);}
#unit-form fieldset.inline {margin:4vh auto;}
#unit-form fieldset.inline label {width:70%;}
#unit-form fieldset.datetime {position:relative;}
#unit-form fieldset.datetime input[type=date] {width:39%;}
#unit-form fieldset.datetime input[type=time] {width:29%;}
#unit-form fieldset.datetime div.time {z-index:2;position:absolute;top:95%;right:-17%;width:80%;overflow:hidden;color:#6B7280;background:#dcdfe6;box-shadow:-1px -1px 4px #1a252f90;display:none;justify-content:space-between;border-right:solid 1px #7f8c8d;border-radius:5px;} 
#unit-form fieldset.datetime div.time div::-webkit-scrollbar {width:.1px;height:auto;opacity:1;}
#unit-form fieldset.datetime div.time div::-webkit-scrollbar-track {background-color:#dcdfe6;}
#unit-form fieldset.datetime div.time div::-webkit-scrollbar-thumb {background:#dcdfe6;border:none;}
#unit-form fieldset.datetime div.time div {display:flex;flex-wrap:wrap;overflow:hidden;align-content:flex-start;overflow-y:auto;width:19%;} 
#unit-form fieldset.datetime div.time div aside {width:100%;background:#dcdfe6;border-right:ridge 1px #6B7280;border-bottom:ridge 1px #6B7280;padding:3px;font-weight:600;text-align:center;cursor:pointer;}
#unit-form fieldset.datetime div.time div aside:hover {color:#111827;border-right:groove 1px #95a5a6;border-bottom:groove 1px #95a5a6;color:#fff;background:#10B981;} 
#unit-form fieldset.datetime div.time div aside.active {color:#fff;background:#10B981;} 
#unit-form fieldset.datetime div.time div.hours {width:79%;}
#unit-form fieldset.datetime div.time div.hours aside {width:24%;}
#unit-form fieldset.datetime div.time div.minutes aside {border-left:ridge 1px #6B7280;border-right:none;}
#unit-form fieldset.datetime div.time div.minutes aside:hover {border-left:groove 1px #95a5a6;border-bottom:groove 1px #95a5a6;border-right:none;}
#unit-form fieldset.days aside {width:13%;border-radius:var(--border-radius);padding:3px;text-align:center;background:#ccc;cursor:pointer;}
#unit-form fieldset.days aside.checked {background:#10B981;color:#fff;}
#unit-form fieldset.days aside input {display:none;}
#unit-form fieldset.label-span label {display:flex;flex-wrap:wrap;white-space:nowrap;min-width:160px;}
#unit-form fieldset.label-span label span {width:100%;font-size:.85em;color:#34495e;}
#unit-form fieldset.large {margin:2vw auto;}
#unit-form fieldset.large label {width:85%;max-width:700px;}
#unit-form fieldset.large input, 
#unit-form fieldset.large select {width:15%;}
#unit-form fieldset#checklist {flex-wrap:wrap;}
#unit-form fieldset#checklist ul {width:100%;margin:10px auto;font-size:.9em;}
#unit-form fieldset#checklist ul li {width:98%;margin:2px auto 0 0;display:flex;flex-wrap:nowrap;justify-content:space-between;}
#unit-form fieldset#checklist ul li span {min-width:75px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#unit-form fieldset#prev-desc {position:relative;height:30px;}
#unit-form fieldset#prev-desc ul {position:absolute;background:var(--background-light);padding:10px;top:0px;left:0px;font-size:.9em;max-height:65px;overflow:hidden;}
#unit-form fieldset#prev-desc ul:hover {max-height:250px;}
#unit-form fieldset#prev-desc ul h5 {font-size:1em;width:100%;margin-bottom:15px;}
#unit-form fieldset#prev-desc ul li {cursor:pointer;line-height:95%;max-height:40px;overflow:hidden;}
#unit-form fieldset#prev-desc ul li:hover {background:var(--background-light);transform:all .5s ease 0s;}
#unit-form fieldset.checklist label {width:25%;}
#unit-form fieldset.checklist > div {width:75%;}
#unit-form fieldset.checklist > div div {width:100%;margin:5px 0;}
#unit-form fieldset.checklist > div div label {margin:5px auto;display:flex;align-items:center;justify-content:flex-start;width:98%;max-width:none;}
#unit-form fieldset.checklist > div div label span {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#unit-form fieldset.checklist > div div label input {margin:0 -15px 0 auto;}
#unit-form fieldset label b.error {position:absolute;left:-1vw;top:1vw;background:transparent;color:var(--error-color);font-size:1.1em;transform:scale(1.6);}
#unit-form fieldset a.sub-link {display:flex;align-items:center;font-size:.9em;}
#unit-form fieldset a.sub-link img {margin:0 5px -2px 5px;padding:0;width:8px;height:8px;}
#unit-form fieldset a.sub-link img:hover {transform:none;}
#unit-form fieldset a.sub-link.absolute {position:absolute;left:-5px;top:28px;}
#unit-form fieldset i.mail-confirm {color:var(--success-color);font-style:normal;}
#unit-form fieldset a {margin:auto;}
#unit-form fieldset.w-30 {width:30%;}
#unit-form fieldset.w-100 {width:95%;}
#unit-form fieldset.checks aside {display:none;position:absolute;bottom:50px;left:0px;line-height:100%;font-size:.9em;background:#219653;color:#fff;box-shadow:var(--card-shadow);padding:5px;border-radius:5px;}
#unit-form fieldset.checks:hover aside {display:block;}
#unit-form fieldset.radio div {display:flex;align-items:center;width:60%;}
#unit-form fieldset.radio div div {white-space:nowrap;}
#unit-form fieldset img {z-index:2;width:70px;height:54px;object-fit:cover;transform:scale(1.2);margin:30px 30px 0 20px;transition:all 1s ease 0s;}
#unit-form fieldset div.error {color:var(--error-color);background:none;display:none;position:absolute;left:0;bottom:-17px;font-size:.7em;white-space:nowrap;}
#unit-form fieldset div.success {color:var(--success-color);display:none;position:absolute;left:0;bottom:-17px;font-size:.7em;white-space:nowrap;}
#unit-form fieldset div.info {z-index:10;position:absolute;left:0;top:30px;width:280px;display:none;background:#e8f3ff;box-shadow:var(--card-shadow);padding:10px;border-radius:5px;font-size:.85em;}
#unit-form fieldset div.info h4 {margin-top:5px;position:relative;}
#unit-form fieldset div.info h4 span {position:absolute;right:0;top:-5px;color:var(--error-color);font-weight:800;cursor:pointer;}
#unit-form fieldset aside.info {position:absolute;left:0px;bottom:-16px;font-size:.8em;color:#6B7280;}
#unit-form fieldset.pay-default {flex-wrap:wrap;max-width:330px;margin:0 auto 40px;}
#unit-form fieldset.pay-default aside {padding:5px 10px;margin:6px 3px;border-radius:var(--border-radius);box-shadow:1px 1px 0px 000;background:var(--background-light);cursor:pointer;}
#unit-form fieldset.pay-default aside.active {background:#2980b910;}
#unit-form fieldset.pay-default.disabled aside {background:#7f8c8d10;box-shadow:1px 1px 0px #7f8c8d30;}
#unit-form div.checkform {width:60%;}
#unit-form div.checklist {text-align:center; width:20%;}
#unit-form div.checklist img {height:250px;border:solid 1px #9CA3AF80;transition:all .5s ease 0s;}
#unit-form div.checklist img:hover {transform:scale(2);}
#unit-form div.mail {width:40%;margin-top:40px;margin-bottom:40px;}
#unit-form div.mail p {line-height:90%;font-size:.9em;text-align:center;}
#unit-form div.mail fieldset {flex-wrap:wrap;max-height:600px;overflow-y:auto;}
#unit-form div.mail fieldset textarea {width:90%;min-width:200px;;margin:auto;}
#unit-form div.mail fieldset #send-mail {width:90% !important;margin:auto;}
#unit-form div.mails {width:50%;margin-right:4%;overflow:hidden;}
#unit-form div.mails fieldset {flex-wrap:wrap;padding-right:20px;max-height:72vh;overflow-y:hidden;overflow-y:auto;}
#unit-form div.mails fieldset aside {width:100%;margin-bottom:50px;padding:20px;background:var(--background-light);}
#unit-form div.mails fieldset aside h4 {position:relative;margin-top:0;line-height:100%;font-weight:600;font-size:.9em;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;}
#unit-form div.mails fieldset aside h4 a {position:absolute;right:10px;top:0px;font-weight:400;font-size:.9em;color:#fff;background:#10B981;padding:3px 5px;border-radius:3px;}
#unit-form div.mails fieldset aside h4 span {font-size:.8em;color:#6B7280;display:block;width:80%;}
#unit-form div.mails fieldset aside p {position:relative;border:solid 1px #7f8c8d60;width:80%;line-height:97%;font-size:.9em;padding:5px 5px 20px 5px;border-radius:5px;}
#unit-form div.mails fieldset aside p.text {margin:auto auto 10px 0;}
#unit-form div.mails fieldset aside p.answer {margin:auto 0 10px auto;background:#9CA3AF30;cursor:pointer;}
#unit-form div.mails fieldset aside p date {font-size:.65em;font-weight:600;display:block;text-align:right;margin-top:15px;}
#unit-form div.mails fieldset aside p:nth-child(1) date {display:none;}
#unit-form div.mails fieldset aside p svg {display:none;position:absolute;left:10px;bottom:5px;width:12px;fill:#7f8c8d;} 
#unit-form div.mails fieldset aside p.answer i {position:absolute;left:10px;bottom:5px;font-size:.75em;color:#c0392b;}
#unit-form div.mails fieldset aside p.received svg {display:block;fill:#2980b9;}
#unit-form div.mails fieldset aside p.received i {display:none;}
#unit-form div.mails a.all-mails {display:block;font-size:.9em;text-align:center;color:#c0392b;margin:50px auto 20px;}
#unit-form a {white-space:nowrap;}
#unit-form div#pay-href {display:none;}
#unit-form div#deal-href {display:none;margin:auto;}
#unit-form div.buttons {width:90%;max-width:600px;margin:auto;display:flex;justify-content:space-between;align-items:center;}
#unit-form ul {margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;}
#unit-form li {width:40%;list-style-type:none;display:flex;flex-wrap:wrap;margin-bottom:15px;font-size:.9em;line-height:100%;}
#unit-form .helptext {display:block;width:100%;margin-top:15px;font-size:.8em;}
#unit-form li input {width:100%;}
#unit-form li label {white-space:nowrap;width:100%;}
#unit-form div.errors {background:none;color:var(--error-color);width:100%;text-align:center;}
#unit-form img.user-foto {width:160px;height:135px;object-fit:cover;margin:40px auto 0;}
#unit-form input.storage {color:#95a5a6;}
#unit-form div#id_checks {width:65%;display:flex;flex-wrap:wrap;}
#unit-form div#id_checks div {width:100%;display:flex;margin-bottom:5px;}
#unit-form div#id_checks label {white-space:nowrap;display:flex;justify-content:space-between;}
#unit-form div#id_checks span {color:#219653;font-weight:600;font-size:.85em;margin:0 0 0 7px;}
#unit-form div#id_checks input {max-width:18px;}
#unit-form aside.leasing {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;max-height:400px;overflow:hidden;overflow-y:auto;}
#unit-form aside.leasing a {margin:3px;}
#unit-form aside.leasing span {padding:3px 5px;border:solid 1px #ccc;font-size:.9em;}
#unit-form aside.leasing span.ready {background:#219653;color:#fff;}

#unit-form #cred-pay {margin:0px auto 30px;width:90%;}
#unit-form #cred-pay li {position:relative;width:auto;max-width:none;flex-wrap:wrap;margin:5px;padding:5px;border:solid 1px #7f8c8d20;background:var(--background-light);border-radius:var(--border-radius);}
#unit-form #cred-pay li.success {background:#27ae60;color:#ffffff;}
#unit-form #cred-pay li date {white-space:nowrap;width:100%;font-size:.85em;}
#unit-form #cred-pay li svg {position:absolute;top:10px;right:5px;width:16px;cursor:pointer;}


#unit-form div.doc {width:80%;max-width:1000px;margin:auto;}
#unit-form div.doc label {width:30%;}
#unit-form div.doc textarea {width:65%;max-height:none;min-height:150px;box-sizing:border-box;padding:10px;margin:auto;border:1px solid #dcdfe6; border-radius:6px; font-size:0.95em;}  
#unit-form div.doc fieldset.info p {font-size:.8em;white-space:nowrap;margin-right:10px;}

div.pays-upload {width:100% !important;}
div.pays-upload aside {width:100%;}
div.pays-upload h5 {width:100%;display:flex;justify-content:space-between;color:#11182760;}
div.pays-upload h5.span {color:#111827;}
div.pays-upload ol {width:100%;margin:20px 0;box-sizing:border-box;font-size:.9em;font-weight:600;} 
div.pays-upload ol li {width:100% !important;margin:0 !important;padding:0;display:inline-block !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} 

#checks-result {max-width:900px;min-height:220px;margin:20px auto;display:flex;align-items:center;justify-content:center;overflow:hidden;overflow-x:visible;}
#checks-result .error {width:100%;background:none;color:var(--error-color);white-space:nowrap;}
#checks-result .success {width:100%;background:none;color:var(--success-color);white-space:nowrap;}
#checks-result aside {width:200px;margin-right:30px;}
#checks-result aside h4 {white-space:nowrap;overflow:hidden;text-overflow: ellipsis;border-bottom:solid 1px #95a5a6;}
#checks-result aside p {white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin:0;padding:0;margin-bottom:5px;}
#checks-result aside div {line-height:100%;font-size:.9em;font-weight:600;text-align:center;margin:20px auto;}
#checks-data {display:flex;justify-content:center;max-width:900px;margin:20px auto;}
#checks-data ol {width:45%;}
#checks-data ol li {width:90%;}
#checks-data h5 {color:#c0392b;font-size:1em;margin:15px 0 0;display:flex;}
#checks-data h5 a {font-size:.8em;margin-left:15px;}
#checks-data img.loader {margin:auto 40%;}
#input-units {margin-right:40px;}


body.dark-theme select option {color:#fff;background:#1a252f;}
body.dark-theme #unit-form input:focus,
body.dark-theme #unit-form textarea:focus,
body.dark-theme #unit-form select:focus,
body.dark-theme #unit-form select:hover,
body.dark-theme #unit-form select option {color:#fff;background:#1a252f;}
body.dark-theme #unit-form fieldset.datetime div.time {color:#6B7280;background:transparent;border-right:none;} 
body.dark-theme #unit-form fieldset.datetime div.time div::-webkit-scrollbar-track {background-color:#1a252f;}
body.dark-theme #unit-form fieldset.datetime div.time div::-webkit-scrollbar-thumb {background:#111827;} 
body.dark-theme #unit-form fieldset.datetime div.time div aside {background:#34495e;color:#ffffff90;border-right:ridge 1px #6B7280;border-bottom:ridge 1px #6B7280;}
body.dark-theme #unit-form fieldset.datetime div.time div aside:hover {color:#111827;border-right:groove 1px #95a5a6;border-bottom:groove 1px #95a5a6;color:#fff;background:#10B981;} 
body.dark-theme #unit-form fieldset.datetime div.time div aside.active {color:#fff;background:#10B981;} 
body.dark-theme #unit-form fieldset.datetime div.time div.minutes aside {border-left:ridge 1px #6B7280;border-right:none;}
body.dark-theme #unit-form fieldset.datetime div.time div.minutes aside:hover {border-left:groove 1px #95a5a6;border-bottom:groove 1px #95a5a6;}


#stat-confirm {visibility:hidden;display:flex;justify-content:center;}
#oper-pin {flex-wrap:wrap;}
#oper-pin span {margin:auto;font-weight:600;font-size:1.1em;transform:scale(1.5);}
#oper-pin i {width:100%;margin-top:10px;font-size:.85em;}


.tbl-types {width:95%;max-width:900px;margin:20px auto;}
.tbl-types .dcell {padding-top:15px;min-width:20px;border-top:groove 1px #6B728060;}
.tbl-types .dcell.redact,
.tbl-types .dcell.delete {text-align:center;width:40px;}
.tbl-types .type {font-size:.9em;font-weight:600;max-width:120px;padding-right:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tbl-types .title p {font-size:.75em;font-weight:500;max-width:400px;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.tbl-types .title span {margin:0 30px;}
.tbl-types .title span:nth-child(1) {width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tbl-types .title span:nth-child(2) {width:120px;}
.tbl-types .title span:nth-child(3) {width:90px;}
.tbl-types .period {width:60px;padding:0 0 5px;color:#2c3e5090;text-align:center;font-weight:600;}
.tbl-types .redact svg,
.tbl-types .delete svg {margin-bottom:-5px;}
.tbl-types .no-border {border:none;}

body.dark-theme input,
body.dark-theme select,
body.dark-theme textarea {color:#ffffff90;border:1px solid #dcdfe630 !important; background:#7f8c8d10;}  
body.dark-theme #unit-form label {color:#ffffff90;}
body.dark-theme #unit-form select option {background:var(--background-light);}
#company-info p,
#bank-info p {display:inline-block;white-space:wrap;}
button {cursor:pointer;}
button#save-units {padding:4px 10px;border-radius:4px;margin:5px 0;box-shadow:none;border:none;cursor:pointer;}

label {min-width:40px;max-width:130px;cursor:pointer;font-size:.9em;}

#map {margin-top:50px;margin:auto;text-align:center;overflow:visible;}
#map h4 {margin-top:50px;}
#map.unit {width:90%;height:83vh;}
#map.work {display:none;z-index:100;position:absolute;top:70px;left:10px;width:97%;height:550px;}
#map div.info {z-index:100;position:absolute;top:200px;left:0px;right:0;text-align:center;}
#map div.info span {background:var(--background-light);padding:10px 20px;font-size:1.1em;}
#map div.close {position:absolute;bottom:80px;left:10px;background:var(--background-light);padding:8px 12px;font-size:1.2em;text-decoration:underline;font-weight:500;cursor:pointer;}



#free-units {padding:0 20px;margin-top:30px;}
#free-units h3 {margin-bottom:20px;text-align:center;}
#free-units p.empty {margin:20px auto 40px;text-align:center;}
#free-units aside {display:flex;flex-wrap:wrap;justify-content:space-around;transition:all 1s ease 0s;}
#free-units aside div.unit-wrap {order:2;position:relative;width:175px;display:flex;flex-wrap:wrap;align-content:space-between;align-items:flex-start;margin:24px 16px;padding:12px 6px;box-sizing:border-box;overflow:hidden;background:var(--background-light);border:solid 1px #9CA3AF60;border-radius:5px;corner-shape:bevel;box-shadow: var(--card-shadow);transition:inherit;}
body.dark-theme #free-units aside div.unit-wrap {background:#111827;}
#free-units aside div.unit-wrap img {width:100%;max-height:85px;object-fit:cover;border-radius:5px;corner-top-shape:bevel;box-shadow:1px 1px 16px #1a252f30 inset;padding:12px;}
#free-units aside div.unit-wrap a {width:94%;margin:auto;}
#free-units aside div.unit-wrap label {width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85em;line-height:110%;}
#free-units aside div.unit-wrap fieldset {min-width:165px;width:95%;display:flex;justify-content:space-between;border:none;padding: 5px 5px 8px;}
#free-units aside div.unit-wrap fieldset input[type=number] {width:70px;text-align: center;}
#free-units aside div.unit-wrap fieldset input[type=checkbox]:disabled {opacity:.3;}
#free-units aside div.unit-wrap fieldset select {max-width:140px;margin:auto;padding-right:20px;}
#free-units aside div.unit-wrap.active {order:1;border-color:#10B981;}
#free-units aside div.unit-wrap.disabled fieldset,
#free-units aside div.unit-wrap.disabled img {opacity:.5;}
#free-units aside div.unit-wrap.disabled div.info {z-index:2;position:absolute;top:0px;left:0px;padding:2px 5px;background:#7f8c8d;color:#fff;}

td.unit-multi div {display:flex;align-items:center;overflow-x:auto;padding:20px;background:#f2f2f2;}
td.unit-multi div aside {display:none;width:90px;margin-right:15px;}
td.unit-multi div aside.active {display:block;}
td.unit-multi div aside.active a {width:100%;display:flex;align-items:flex-start;flex-wrap:wrap;overflow:hidden;}
td.unit-multi div aside img {width:100%;height:60px;object-fit:cover;border-radius:4px;margin-right:8px;}
td.unit-multi div aside input[type=checkbox] {margin:4px 5px -4px 0;}
td.unit-multi div aside label {font-size:.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
td.unit-multi div aside span {margin:auto;}

body.dark-theme td.unit-multi div {background:#f2f2f210 !important;}


div.unit-checkbox {width:90%;min-width:280px;max-width:900px;}
div.unit-checkbox label {min-width:50px;max-width:70px;}
div.unit-checkbox input {width:15px;margin-right:5px;}
div.unit-checkbox div.multiselectfield {width:100% !important;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;padding:15px 0px;}
div.unit-checkbox div.multiselectfield div {width:auto;min-width:60px !important;max-width:80px;margin-bottom:20px;}
div.unit-checkbox div.multiselectfield div label {font-size:.75em;align-items:center;justify-content:flex-start !important;margin-bottom:10px;}
#id_license_categories div,
#id_tractor_categories div {width:auto;min-width:75px;max-width:80px;}



#dates {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;padding-bottom:20px;max-height:73vh;overflow:hidden;overflow-y:auto;}
#dates aside {width:14.2%;min-height:12vw;border-radius:1px;border-right:solid 1px var(--secondary-color);border-bottom:solid 1px var(--secondary-color);margin:0px;padding-bottom:10px;cursor:pointer;} 
#dates aside date {display:flex;justify-content:space-between;width:90%;margin:0px auto 10px;font-size:1.3em;}
#dates aside date span:first-child {color:var(--secondary-color);font-size:.8em;}
#dates aside p {display:flex;justify-content:space-between;width:90%;line-height:120%;margin:0 auto;font-size:.75em;}
#dates aside p span {font-size:1.1em;white-space:nowrap;}
#dates aside.past {opacity:1;}
#dates aside.future {background:#27ae6030;color: #1a252f;}
#dates aside.future date span:first-child {color:#1a252f;}
#dates aside.future date span:last-child {color:#219653;}
#dates aside.future.active {opacity:1;background:var(--success-color);}
#dates aside.active {opacity:1;background:#34D39990;color: white;}
#dates aside.future.active date span:last-child {color:#fff;}
#dates aside.btn-success {background:#27ae6080;}
#dates aside.btn-warning {background:#F59E0B60;color:#11182790;}
#dates aside:hover {opacity:1;}


#dates-nav {background:var(--text-secondary);display:flex;justify-content:space-between;align-items:center;width:100%;margin:0;padding:5px 20px 10px;}
#dates-nav fieldset {border:0;color:#fff;font-size:1.3em;}
#dates-nav table td {vertical-align:middle;padding:5px 10px;color:#fff;}
#dates-nav table#tbl-naw td {font-size:1.3em;}
#dates-nav table#tbl-naw img {cursor:pointer;margin-bottom:-8px;}

#dates-form {display:none;z-index:10;position:absolute;opacity:1;padding:20px;min-height:280px;background:white;border-radius:5px;box-shadow: 0 5px 25px rgba(0,0,0,0.2);animation: modalAppear 0.3s;}
#dates-form.serv {display:block;position:relative;}
#dates-form button.del {width:100%;}
#books-form {display:none;z-index:10;position:absolute;opacity:1;padding:20px;min-height:280px;background:white;border-radius:5px;box-shadow: 0 5px 25px rgba(0,0,0,0.2);animation: modalAppear 0.3s;}

div.calendar form h4 {border-bottom:solid 1px var(--secondary-color);margin-bottom:20px;}
div.calendar form h4 span {display:block;font-size:.85em;color:var(--secondary-color);}
div.calendar form label {white-space:nowrap;}
div.calendar form fieldset {border:0;display:flex;justify-content:space-between;width:90%;margin:10px auto 5px;min-width:240px;}
div.calendar form fieldset.wrap {flex-wrap:wrap;}
div.calendar form fieldset select {width:150px;appearance: none;}
div.calendar form fieldset input {width:80px;}
div.calendar form fieldset div.error {display:none;width:80%;color:var(--error-color);background:none;font-size:.75em;margin-top:-8px;}
div.calendar form input,
div.calendar form select {min-width:40px;width:100%;box-sizing:border-box;padding:3px 5px; border:1px solid #dcdfe6; border-radius:6px; font-size:0.95em;}  
div.calendar form input[type=button] {margin:10px auto;background:var(--text-secondary);color:#fff;width:90%;margin:30px auto 0;cursor:pointer;}
div.calendar form input[type=button]:hover {background:var(--primary-light);}
div.calendar form input[type=submit] {margin:10px auto;background:var(--success-color);color:#fff;width:90%;margin:30px auto 0;cursor:pointer;}
div.calendar form input[type=submit]:hover {background:var(--primary-light);}
div.calendar form div.buttons {display:flex;}
div.calendar .tbl-colors {min-width:60%;}
div.calendar .tbl-colors th {width:30px;}
div.calendar .tbl-colors th div {width:20px;height:20px;border-radius:5px;corner-shape:bevel;}
div.calendar .tbl-colors td {padding-right:60px;white-space:nowrap;}
div.calendar .tbl-colors .btn-future {background:#27ae6030}

#tbl-worked td {font-size:.7em;}
#tbl-worked span {color:#ffffff70;font-size:1.5em;margin-right:0px;}

#worked-price span {color:var(--success-color);font-size:1.6em;font-weight:700;}


#step-list {display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:baseline;padding:0;margin:0 auto 100px;box-shadow:none;}
#step-list li {list-style-type:none;transform:scale(1);width:23%;max-width:250px;font-size:.9em;padding:5px 10px 30px 10px;margin:.3vw;box-sizing:border-box;border:solid 1px #9CA3AF30;box-shadow:var(--card-shadow);border-radius:6px;transition:all .3s ease 0s;}
#step-list li a.del-step {position:absolute;bottom:-4px;right:2px;width:15px;}
#step-list li a.del-step svg {width:15px;height:15px;}
#step-list li aside {position:relative;display:flex;justify-content:flex-start;flex-wrap:wrap;margin-bottom:10px;}
#step-list li aside p {width:100%;margin:0;padding:0;color:#6B7280;font-size:.85em;line-height:135%;margin-bottom:5px;}
#step-list li aside date {min-width:100%;color:#1F2937;font-size:.9em;padding:0;font-weight:bold;margin:0px 0px 0px;}
#step-list li.add {background:#2980b910;}
#step-list li.add date {color:#2980b9;}
#step-list li.set {background:#10B98110;}
#step-list li.set date {color:#10B981;}
#step-list li.del {background:#c0392b10;}
#step-list li.del date {color:#c0392b;}
#step-list li:hover {z-index:2;transform:scale(1);transition:none;}
#step-list li p.pers {position:absolute;bottom:-16px;left:10px;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8em;}
#step-list li p a:link,
#step-list li p a:visited {color:#111827;font-weight:400;font-size:1.1em;}

body.dark-theme #step-list li p {color:#ffffff90;}
body.dark-theme #step-list li p a:link,
body.dark-theme #step-list li p a:visited {color:#ffffff90;}
body.dark-theme #step-list li.add {background:#2980b930;}
body.dark-theme #step-list li.add date {color:#2980b9;}
body.dark-theme #step-list li.set {background:#10B98130;}
body.dark-theme #step-list li.set date {color:#10B981;}

#opts {width:90% !important;}
#opts div {display:flex;align-items:center;width:100%;}
#opts aside {white-space:nowrap;margin:3px 3px 15px 20px;padding:1px 8px 4px;border:solid 1px #7f8c8d40;border-radius:6px;cursor:pointer;}
#opts input[type=radio] {width:10px;}
#opts b {margin-bottom:18px;}

        /* Стили для уведомлений */
        .notification {
            z-index:10000;
            position: fixed;
            bottom: 40px;
            right: 20px;
            padding: 15px 20px;
            border-radius: 6px;
            color: white;
            font-weight: 500;
            z-index: 1200;
            opacity: 0;
            transform: translateY(-20px);
            transition: all 0.3s;
        }

        .notification.show {
            opacity: 1;
            transform: translateY(0);
        }

        .notification.success {
            background: #27ae60;
        }

        .notification.error {
            background: #e74c3c;
        }

        .notification.info {
            background: #3498db;
        }