:root{--color-bg: #f5f5f7;--color-bg-alt: #ffffff;--color-text: #1d1d1f;--color-muted: #86868b;--color-border: #d2d2d7;--color-primary: #0071e3;--color-primary-light: #2997ff;--color-accent: #d4af37;--color-accent-light: rgba(212, 175, 55, .1);--color-success: #34c759;--color-warning: #ff9500;--color-error: #ff3b30;--color-text-secondary: #6e6e73;--color-header-bg: #ffffff;--color-button-bg: #d4af37;--color-button-text: #ffffff;transition:background-color .3s ease,color .3s ease}:root[data-theme=dark]{--color-bg: #1a1a1a;--color-bg-alt: #2a2a2a;--color-text: #f5f5f7;--color-muted: #86868b;--color-border: #3a3a3a;--color-primary: #0a84ff;--color-primary-light: #409cff;--color-accent: #d4af37;--color-accent-light: rgba(212, 175, 55, .15);--color-success: #30d158;--color-warning: #ff9f0a;--color-error: #ff453a;--color-text-secondary: #98989d;--color-header-bg: #1a1a1a;--color-button-bg: #d4af37;--color-button-text: #1a1a1a}*,*:before,*:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{scroll-behavior:smooth!important}body{font-family:Arial,sans-serif;overflow-x:hidden;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}img{max-width:100%;height:auto}@media(max-width:480px){html{font-size:13px}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{overflow-x:hidden;max-width:100vw}.office-content,.clients-container,.documents-container,.calendar-container{max-width:100%;overflow-x:hidden;box-sizing:border-box}*{box-sizing:border-box}table,.grid,.office-cards,.clients-grid,.documents-grid{max-width:100%;overflow-x:auto;box-sizing:border-box}img,video,iframe{max-width:100%;height:auto}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;overflow-x:hidden;min-height:100vh;min-height:-webkit-fill-available}@media(max-width:1024px){html{font-size:15px}}@media(max-width:768px){html{font-size:14px}}@media(max-width:480px){html{font-size:14px}}@media(min-width:1440px){html{font-size:17px}}@media(min-width:1920px){html{font-size:18px}}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 16px}}@media(max-width:480px){.container{padding:0 12px}}.hide-mobile{display:block}.show-mobile{display:none}@media(max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}.hide-tablet{display:block}.show-tablet{display:none}@media(max-width:1024px)and (min-width:769px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}.hide-desktop{display:none}.show-desktop{display:block}@media(min-width:1025px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}.p-responsive{padding:24px}@media(max-width:768px){.p-responsive{padding:16px}}@media(max-width:480px){.p-responsive{padding:12px}}.grid-responsive{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:768px){.grid-responsive{grid-template-columns:1fr;gap:16px}}@media(min-width:1440px){.grid-responsive{gap:32px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(hover:none)and (pointer:coarse){button,a,input[type=button],input[type=submit]{min-height:44px;min-width:44px}input,textarea,select{font-size:16px!important}}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.resize-animation-stopper *{animation:none!important;transition:none!important}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-light)}@media(max-width:768px){::-webkit-scrollbar{width:4px;height:4px}}.gpu-accelerated{transform:translateZ(0);will-change:transform}@media(max-width:768px)and (orientation:landscape){body{min-height:100vh}}@media(min-height:900px){.full-height{min-height:100vh}}@media(max-height:600px){.compact-height{padding-top:8px;padding-bottom:8px}}@media(hover:none)and (pointer:coarse){.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}img{max-width:100%;height:auto;display:block}video{max-width:100%;height:auto}iframe{max-width:100%}@media print{.no-print{display:none!important}body{background:#fff;color:#000}}.theme-toggle-button{position:fixed;bottom:30px;left:30px;width:40px;height:40px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;padding:0}.theme-toggle-button:hover{transform:scale(1.1)}.theme-toggle-button:active{transform:scale(.95)}.theme-toggle-button svg{width:24px;height:24px;transition:all .3s ease}@media(max-width:768px){.theme-toggle-button{bottom:20px;left:20px;width:36px;height:36px}.theme-toggle-button svg{width:20px;height:20px}}html[data-theme=dark] .auth-form-animated .ant-input,html[data-theme=dark] .auth-form-animated input.ant-input,html[data-theme=dark] .auth-form-animated .ant-input-password input,html[data-theme=dark] .auth-form-animated .ant-input-password .ant-input,html[data-theme=dark] .auth-form-animated .ant-select-selector,html[data-theme=dark] .auth-form-animated .ant-select .ant-select-selector,html[data-theme=dark] body .auth-form-animated .ant-input,html[data-theme=dark] body .auth-form-animated input.ant-input,html[data-theme=dark] body .auth-form-animated .ant-input-password input,html[data-theme=dark] body .auth-form-animated .ant-input-password .ant-input{background-color:#2a2a2a!important;border-color:#3a3a3a!important;color:#f5f5f7!important}html[data-theme=dark] .auth-form-animated .ant-input:hover,html[data-theme=dark] .auth-form-animated input.ant-input:hover,html[data-theme=dark] .auth-form-animated .ant-input-password:hover input,html[data-theme=dark] .auth-form-animated .ant-input-password:hover .ant-input,html[data-theme=dark] .auth-form-animated .ant-select:hover .ant-select-selector,html[data-theme=dark] body .auth-form-animated .ant-input:hover,html[data-theme=dark] body .auth-form-animated .ant-input-password:hover input{background-color:#2a2a2a!important;border-color:#d4af37!important}html[data-theme=dark] .auth-form-animated .ant-input:focus,html[data-theme=dark] .auth-form-animated input.ant-input:focus,html[data-theme=dark] .auth-form-animated .ant-input-password input:focus,html[data-theme=dark] .auth-form-animated .ant-input-password .ant-input:focus,html[data-theme=dark] .auth-form-animated .ant-input-focused,html[data-theme=dark] .auth-form-animated .ant-input-affix-wrapper-focused,html[data-theme=dark] .auth-form-animated .ant-select-focused .ant-select-selector,html[data-theme=dark] body .auth-form-animated .ant-input:focus,html[data-theme=dark] body .auth-form-animated .ant-input-password input:focus{background-color:#2a2a2a!important;border-color:#d4af37!important;box-shadow:0 0 0 3px #d4af371a!important}html[data-theme=dark] .auth-form-animated .ant-input-affix-wrapper,html[data-theme=dark] .auth-form-animated .ant-input-password,html[data-theme=dark] body .auth-form-animated .ant-input-affix-wrapper,html[data-theme=dark] body .auth-form-animated .ant-input-password{background-color:#2a2a2a!important;border-color:#3a3a3a!important}html[data-theme=dark] .auth-form-animated .ant-input-affix-wrapper:hover,html[data-theme=dark] .auth-form-animated .ant-input-password:hover,html[data-theme=dark] body .auth-form-animated .ant-input-affix-wrapper:hover,html[data-theme=dark] body .auth-form-animated .ant-input-password:hover{background-color:#2a2a2a!important;border-color:#d4af37!important}html[data-theme=dark] .auth-form-animated .ant-input-affix-wrapper:focus,html[data-theme=dark] .auth-form-animated .ant-input-affix-wrapper-focused,html[data-theme=dark] .auth-form-animated .ant-input-password:focus,html[data-theme=dark] body .auth-form-animated .ant-input-affix-wrapper:focus,html[data-theme=dark] body .auth-form-animated .ant-input-affix-wrapper-focused{background-color:#2a2a2a!important;border-color:#d4af37!important;box-shadow:0 0 0 3px #d4af371a!important}html[data-theme=dark] .auth-form-animated .ant-input::placeholder,html[data-theme=dark] .auth-form-animated input.ant-input::placeholder,html[data-theme=dark] .auth-form-animated .ant-input-password input::placeholder,html[data-theme=dark] body .auth-form-animated .ant-input::placeholder,html[data-theme=dark] body .auth-form-animated .ant-input-password input::placeholder{color:#86868b!important}html[data-theme=dark] .auth-form-animated .ant-input-password-icon,html[data-theme=dark] .auth-form-animated .anticon,html[data-theme=dark] body .auth-form-animated .ant-input-password-icon{color:#86868b!important}html[data-theme=dark] .auth-form-animated .ant-form-item-label>label,html[data-theme=dark] body .auth-form-animated .ant-form-item-label>label{color:#f5f5f7!important}:root{--color-bg-hover: #e9e9e9}.office-content{background-color:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;gap:8px;padding:16px;width:100%;max-width:100%;overflow-y:auto;overflow-x:visible;box-sizing:border-box}.main-content-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;max-width:100%;min-height:900px;gap:16px;box-sizing:border-box;align-items:stretch;overflow:visible!important}.office-left-column{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;height:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.top-four{display:flex;flex-direction:column;gap:12px;height:100%;flex:1}.chart-box-container{grid-column:2;grid-row:1;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.employee-table-container-container{grid-column:1;grid-row:2;width:100%;max-width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow-x:hidden!important;overflow-y:hidden}.employee-table-container{width:100%;max-width:100%;overflow-x:hidden!important;overflow-y:auto;box-sizing:border-box}.employee-stats-table{width:100%;max-width:100%;table-layout:fixed;box-sizing:border-box}.employee-stats-table th,.employee-stats-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.charts-container{grid-column:2;grid-row:2;width:100%;max-width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.office-right-column-container{margin-left:0}.office-right-column{background:var(--color-bg-alt);padding:12px;border-radius:8px;border:1px solid var(--color-accent-light);box-shadow:0 2px 8px #0000000d;transition:all .3s ease;height:fit-content;width:100%;box-sizing:border-box}.chart-employees{display:flex;flex-direction:column;width:100%}.period-container{background:var(--color-bg-alt);padding:12px 18px;border-radius:12px;border:1px solid var(--color-accent-light);box-shadow:0 4px 12px #0000000d;display:flex;justify-content:center;align-items:center}.period-selector{display:flex;align-items:center;justify-content:flex-end;gap:18px;position:relative;z-index:1000;overflow:visible}.period-text{font-weight:500;color:var(--color-accent);margin-left:10px}.period-dropdown{position:relative;display:inline-block;cursor:pointer;z-index:1000}.period-dropdown-header{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--color-bg-alt);border:1px solid var(--color-accent-light);border-radius:6px;transition:all .3s ease;cursor:pointer;position:relative;z-index:1001}.period-dropdown-header:hover,.period-dropdown-header.active{background-color:var(--color-bg-hover)}.dropdown-arrow{position:relative;margin-left:8px;width:10px;height:10px}.dropdown-arrow:before{content:"";position:absolute;width:8px;height:8px;border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);transform:rotate(45deg);transition:transform .3s ease}.period-dropdown-header.active .dropdown-arrow:before{transform:rotate(-135deg)}.selected-period{font-weight:500;color:var(--color-accent)}.period-dropdown-content{background-color:var(--color-bg-alt);min-width:160px;box-shadow:0 8px 16px #0000004d;z-index:99999!important;border-radius:6px;overflow:visible;border:1px solid var(--color-accent-light);animation:fadeIn .2s ease-in-out}.period-option{padding:10px 16px;transition:all .2s ease;color:var(--color-text);cursor:pointer}.period-option:hover{background-color:var(--color-accent-light)}.period-option.active{background-color:var(--color-accent);color:var(--color-button-text);font-weight:600}.office-cards{display:contents}.office-cards::-webkit-scrollbar{height:8px}.office-cards::-webkit-scrollbar-track{background:var(--color-bg-alt);border-radius:4px}.office-cards::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:4px}.office-card{padding:16px;background:var(--color-bg-alt);color:var(--color-text);border-radius:8px;border:2px solid transparent;box-shadow:0 2px 6px #0000000d;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;height:100%;outline:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none;user-select:none}.office-card:focus,.office-card:active,.office-card:focus-visible{outline:none!important;background:var(--color-bg-alt)!important}.office-card.selected{background:var(--color-bg)!important;border:2px solid var(--color-accent)!important}.office-card.selected:focus,.office-card.selected:active,.office-card.selected:focus-visible{background:var(--color-bg)!important;border:2px solid var(--color-accent)!important;outline:none!important}.office-card.selected h3{color:var(--color-accent);font-weight:700}.office-card:hover{transform:scale(.98);border-color:var(--color-accent);box-shadow:0 6px 12px #0000001f}.office-card.selected:hover{transform:none}.office-card h3{font-size:18px;font-weight:700;color:var(--color-accent);margin-bottom:12px;text-transform:uppercase;line-height:1.3}.office-card-info{margin-top:4px}.office-card p{font-size:15px;color:var(--color-text);margin:6px 0;line-height:1.5;font-weight:500}.office-add-card{padding:16px;background:var(--color-bg-alt);border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;height:100%;box-sizing:border-box;box-shadow:0 2px 6px #0000000d}.office-add-card:hover{transform:scale(.98);border-color:var(--color-accent);background-color:var(--color-bg-alt)}.office-add-content{display:flex;flex-direction:column;align-items:center;gap:12px}.add-icon{font-size:24px;color:var(--color-accent)}.office-header{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-alt);padding:8px 16px;border-radius:8px;box-shadow:0 2px 8px #0000000d;position:relative;z-index:100;overflow:visible}.office-header h2{margin:0;font-size:18px;color:var(--color-accent);font-weight:600;display:flex;align-items:center;gap:6px}.header-icon{font-size:20px}.calendar-icon{color:var(--color-accent);font-size:18px}.period-buttons{display:flex;background-color:var(--color-bg);border-radius:8px;overflow:hidden}.period-button{background:none;border:none;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500;color:var(--color-text);transition:all .3s ease}.period-button:hover{color:var(--color-accent)}.period-button.active{background-color:var(--color-accent);color:var(--color-button-text);font-weight:600}.section-title{margin-top:0;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--color-accent);padding-bottom:4px;border-bottom:1px solid var(--color-accent-light)}.placeholder-chart{background-color:var(--color-bg);border:1px dashed var(--color-accent-light);border-radius:8px;padding:30px;margin-bottom:24px;display:flex;justify-content:center;align-items:center;min-height:200px;transition:all .3s ease}.placeholder-chart:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #0000001a}.placeholder-chart p{color:var(--color-muted);font-size:16px;text-align:center}.statCard-content{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;gap:12px;position:relative;flex:1;align-items:stretch}.statCard-content>div:nth-child(2){max-width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 8px #0000000d;transition:all .3s ease;background-color:var(--color-bg-alt);border-radius:16px 0 16px 16px}.expand-button-container{top:50%;right:50%;transform:translate(50%,-50%);z-index:10;padding:30px;position:absolute;background:var(--color-bg-alt);border-radius:100px}.statCard-content>div:last-child{max-width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 8px #0000000d;transition:all .3s ease;background-color:var(--color-bg-alt);border-radius:0 16px 16px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.table-header .section-title{margin:0;border-bottom:none}.employee-table-container{padding:16px;border-radius:8px;background-color:var(--color-bg-alt);box-shadow:0 2px 8px #0000000d;width:100%;box-sizing:border-box;position:relative;height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.expand-button{border-radius:100px;padding:10px 10px 7px;transform:rotate(-45deg);background-color:var(--color-accent);position:absolute;top:5px;right:5px;z-index:10;border:none;color:#fff;cursor:pointer;transition:transform .3s ease,background-color .3s ease}.expand-button:hover{transform:rotate(-45deg) scale(1.1);background-color:var(--color-accent-dark)}:root:not([data-theme=dark]) .expand-button:hover svg{color:var(--color-accent)!important}.statCard-content .expand-button{top:50%;right:50%;transform:translate(50%,-50%) rotate(-45deg);z-index:10;padding:15px 15px 11px}.employee-stats-table{width:100%;max-width:100%;border-collapse:collapse;margin-top:16px;background-color:var(--color-bg);border-radius:8px;overflow:hidden;box-sizing:border-box;box-shadow:0 2px 8px #0000000d;table-layout:fixed}.employee-stats-table th{background-color:var(--color-accent);color:var(--color-button-text);padding:10px 12px;text-align:left;font-weight:600;font-size:14px}.employee-stats-table td{padding:8px 12px;border-bottom:1px solid var(--color-accent-light);font-size:13px;transition:all .2s ease}.employee-stats-table tr:last-child td{border-bottom:none}.employee-stats-table tr:hover td{background-color:var(--color-accent-light)}.no-data{text-align:center;color:var(--color-muted);padding:20px!important;font-style:italic}.charts-container{display:flex;flex-direction:column;gap:12px}.chart-box{background:var(--color-bg-alt);border-radius:8px;padding:12px;box-shadow:0 2px 6px #0000000d;transition:all .3s ease;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;height:100%;display:flex;flex-direction:column}.chart-box:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.chart-wrapper{width:100%;height:100%;flex:1;min-height:300px;position:relative;overflow:hidden;max-width:100%;box-sizing:border-box}.pie-chart{display:flex;justify-content:center;align-items:center;height:100%;min-height:300px;max-width:100%;overflow:hidden;box-sizing:border-box}.line-chart{height:100%;min-height:300px;max-width:100%;overflow:hidden;box-sizing:border-box}.chart-placeholder{height:100%;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;border-radius:8px;background-color:var(--color-bg-alt);box-sizing:border-box}.chart-placeholder canvas{max-width:100%!important;max-height:100%!important;transition:all .3s ease}.chart-title{color:var(--color-text);font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}.chart-image{width:100%;height:220px;display:flex;justify-content:center;align-items:center}.chart-image img{max-width:100%;max-height:100%;object-fit:contain}.no-chart-data{color:var(--color-text);font-size:16px;text-align:center}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;justify-content:center}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:12px;height:12px;border-radius:50%}.legend-label{font-size:12px;color:var(--color-text)}.office-title{text-align:left;font-size:18px;font-weight:700;color:var(--color-accent);margin:32px 0 16px;opacity:0;transform:translateY(-12px);transition:opacity .8s ease,transform .8s ease}.fade-in{opacity:1;transform:translateY(0);animation:fadeIn .8s ease-in-out}.office-cards-header{flex:1 1 200px;display:flex;align-items:stretch;min-height:150px}.employees-list ul{list-style:none;padding:0}.employees-list li{margin:8px 0;font-size:16px;color:var(--color-text)}.employees-list .employee-item{cursor:pointer;padding:8px;border-radius:6px;transition:background-color .3s ease,color .3s ease}.employees-list .employee-item:hover{background-color:var(--color-accent-light);color:var(--color-accent)}.employees-list p{margin-top:16px;font-size:16px;font-weight:600;color:var(--color-accent)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;width:100%;box-sizing:border-box}.chart-container{padding:16px;border-radius:8px;border:1px solid var(--color-accent);background-color:var(--color-bg);display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.chart-container canvas{max-width:100%!important;max-height:100%!important}.employee-modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.employee-modal-overlay.active{opacity:1;visibility:visible}.employee-modal-overlay .modal-content{background:var(--color-bg-alt);padding:24px;border-radius:8px;border:1px solid var(--color-accent);width:90%;max-width:800px;box-shadow:0 4px 12px #0003;transform:translateY(-20px);transition:transform .3s ease;max-height:90vh;overflow-y:auto}.employee-modal-overlay.active .modal-content{transform:translateY(0)}@media(max-width:768px){.employee-modal-overlay .modal-content{padding:16px;width:95%;max-height:80vh}.employee-table-modal{overflow-x:auto}.modal-close-icon{top:8px;right:8px;width:28px;height:28px}}.employee-table-modal{width:100%;overflow-x:auto}.employee-table-modal .employee-stats-table{width:100%;margin-top:0}.modal-close-icon{position:absolute;top:16px;right:16px;color:var(--color-accent);background:none;border:none;font-size:24px;cursor:pointer;transition:transform .3s ease}.modal-close-icon:hover{transform:scale(1.1);color:var(--color-accent-dark)}.modal-section h4{margin-bottom:12px;color:var(--color-accent);font-weight:600}.modal-section p{color:var(--color-text)!important;margin:8px 0}.modal-section select,.modal-section input{margin-left:8px;padding:8px;background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-accent);border-radius:6px;width:200px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end}.revenue-info-modal{width:100%;max-width:800px}.period-chart{margin-top:20px;width:100%;height:300px}.modal-edit-btn,.modal-save-btn,.modal-close-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .3s ease,transform .2s ease}.modal-edit-btn{background-color:var(--color-primary);color:#fff}.modal-edit-btn:hover{background-color:var(--color-primary-light);transform:translateY(-2px)}.modal-save-btn{background-color:var(--color-accent);color:var(--color-button-text)}.modal-save-btn:hover{background-color:#b8972f;transform:translateY(-2px)}.modal-close-btn{background-color:var(--color-muted);color:#fff}.modal-close-btn:hover{background-color:#5a626e;transform:translateY(-2px)}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1200px){.main-content-wrapper{grid-template-columns:1fr;gap:24px}.office-right-column{width:100%}.statCard-content{grid-template-columns:repeat(2,1fr)}.chart-box{width:100%}}@media(max-width:900px){.office-content{padding:16px;gap:16px}.main-content-wrapper{gap:20px}.office-left-column,.office-right-column{gap:20px;grid-template-columns:none}.chart-box-container{margin-left:0}.chart-container canvas{max-height:250px!important}.details-grid{gap:20px}}@media(max-width:768px){.office-content{padding:12px;gap:12px;overflow-x:hidden}.main-content-wrapper{grid-template-columns:1fr;grid-template-rows:auto;gap:12px;width:100%;overflow:hidden}.office-left-column,.chart-box-container,.employee-table-container-container,.charts-container{grid-column:1;grid-row:auto}.office-left-column,.office-right-column{width:100%;max-width:100%;overflow-x:hidden;gap:16px}.office-header{flex-direction:column;padding:16px;gap:16px;align-items:flex-start}.office-header h2{font-size:20px;width:100%}.period-selector{width:100%;justify-content:flex-start;gap:12px}.period-dropdown-header{margin-right:0;width:100%;justify-content:space-between}.period-dropdown-content{left:0;right:auto;width:100%}.period-container{padding:12px;width:100%}.period-text{margin-left:0;margin-bottom:8px;display:block;width:100%;text-align:center}.period-buttons{width:100%;display:flex;justify-content:space-between}.period-button{flex:1;text-align:center;padding:8px 6px;font-size:12px;white-space:nowrap}.office-cards{width:100%;overflow-x:auto;padding-bottom:8px;display:flex;gap:12px}.office-card{min-height:140px;padding:16px;width:220px;flex-shrink:0}.office-card.selected{min-height:150px;padding:18px;width:100%}.office-card h3{font-size:16px;margin-bottom:10px}.statCard-content{grid-template-columns:1fr;padding:0;gap:16px}.expand-button-container{display:none}.employee-table-container{padding:12px;overflow-x:auto;max-width:100%;width:100%;max-height:none}.employee-table-container-container{margin-right:0}.chart-box-container{margin-left:0}.expand-button{top:12px;right:12px;padding:8px 8px 6px}.expand-table-button{padding:6px 12px;font-size:12px}.employee-stats-table{width:100%;max-width:100%}.employee-stats-table th,.employee-stats-table td{padding:10px 8px;font-size:13px;white-space:nowrap}.table-header{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.charts-container{padding:0;width:100%;overflow:hidden}.chart-box{padding:12px;margin-bottom:16px;max-width:100%;overflow:hidden;height:auto}.chart-wrapper{min-height:180px;height:auto}.pie-chart,.line-chart{max-height:220px;width:100%;max-width:100%;overflow:hidden;height:auto}.chart-placeholder{min-height:180px;max-height:200px;max-width:100%;overflow:hidden}.chart-placeholder canvas{max-height:180px!important;max-width:100%!important}.office-right-column{padding:12px;width:100%}.chart-container{padding:12px;width:100%;max-width:100%}.chart-container canvas{max-width:100%!important;max-height:220px!important}.details-grid{display:grid;grid-template-columns:1fr;gap:16px;width:100%}.employee-modal-overlay .modal-content{width:95%;padding:16px;max-height:85vh}.modal-section select,.modal-section input{width:100%;margin-left:0;margin-top:8px}.modal-buttons{flex-direction:column;gap:8px}.modal-edit-btn,.modal-save-btn,.modal-close-btn{width:100%}.office-info-details{grid-template-columns:1fr;gap:16px}.chart-modal-content{display:flex;flex-direction:column;gap:16px}}@media(max-width:480px){.office-content{padding:8px;gap:8px}.office-header{padding:12px}.office-header h2{font-size:18px}.period-selector{gap:8px}.period-button{padding:6px 4px;font-size:11px}.office-cards{gap:15px;padding-bottom:6px}.office-card{padding:12px;min-height:120px;width:180px}.office-card.selected{width:200px;min-height:130px;padding:14px}.office-card h3{font-size:14px}.office-card p{font-size:12px}.office-add-card{min-height:120px;width:180px}.employee-stats-table{max-width:240px}.employee-stats-table th,.employee-stats-table td{padding:6px;font-size:11px}.chart-box{padding:8px;margin-bottom:12px}.chart-wrapper,.chart-placeholder{min-height:150px}.section-title{font-size:16px;margin-bottom:12px}.employee-table-container,.office-right-column,.chart-container{padding:8px}.chart-container canvas{max-height:180px!important}.details-grid{gap:12px}}@media(max-width:360px){.office-content{padding:6px;gap:6px}.office-header h2{font-size:16px}.period-button{padding:4px 3px;font-size:10px}.employee-stats-table{width:100%;max-width:100%}.employee-stats-table th,.employee-stats-table td{padding:4px;font-size:10px}.chart-wrapper,.chart-placeholder{min-height:130px}.chart-container canvas{max-height:150px!important}.section-title{font-size:14px}}.office-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.edit-icon{color:var(--color-accent);font-size:18px;cursor:pointer;transition:all .3s ease}.edit-icon:hover{color:var(--color-accent);transform:scale(1.2)}.office-info-button{display:none}.ant-modal-content{background-color:var(--color-bg)!important;color:var(--color-text)!important;border-radius:12px;padding:24px;box-shadow:0 8px 24px #0003}.ant-modal-header{background-color:var(--color-bg)!important;border-bottom:none!important;padding-bottom:16px}.ant-modal-title{color:var(--color-accent)!important;font-weight:600;font-size:20px}.ant-modal-close{color:var(--color-accent-light)!important}.ant-modal-close:hover{color:var(--color-accent)!important}.ant-modal-footer{border-top:none!important;padding-top:16px}.ant-form-item-label>label{color:var(--color-text)!important}.office-info-modal .ant-modal-body{padding:24px}.office-info-content{display:flex;flex-direction:column;gap:20px}.office-info-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-accent-light);padding-bottom:16px}.office-info-header h3{font-size:22px;font-weight:600;color:var(--color-accent);margin:0}.office-info-details{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-section{background-color:var(--color-bg-alt);border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d}.info-section h4{font-size:16px;font-weight:600;color:var(--color-accent);margin-top:0;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-accent-light)}.info-section p{margin:8px 0;font-size:14px;color:var(--color-text)}.all-offices-section{background-color:var(--color-bg-alt);border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d}.all-offices-section h4{font-size:16px;font-weight:600;color:var(--color-accent);margin-top:0;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-accent-light)}.all-offices-list{display:flex;flex-direction:column;gap:8px}.office-list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background-color:var(--color-bg);border-radius:8px;cursor:pointer;transition:all .2s ease}.office-list-item:hover{background-color:var(--color-bg-hover)}.office-list-item.active{background-color:var(--color-accent);color:var(--color-button-text);font-weight:500}.select-office-icon{font-size:14px;opacity:.7}.office-info-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid var(--color-accent-light)}.office-info-footer .office-left-column,.office-info-footer .chart-box-container,.office-info-footer .employee-table-container-container,.office-info-footer .charts-container{min-height:450px;height:100%}.office-info-footer .chart-box-container,.office-info-footer .employee-table-container-container{margin:0}.office-info-footer .chart-wrapper,.office-info-footer .pie-chart,.office-info-footer .line-chart{height:100%;width:100%;overflow:hidden}.office-info-footer .chart-wrapper canvas,.office-info-footer .pie-chart canvas,.office-info-footer .line-chart canvas{max-width:100%!important;max-height:100%!important;width:100%!important;height:auto!important}.statCard-content .expand-button-container{display:none}.office-cards-container{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow:visible;padding-bottom:4px}.office-card.selected{height:100%;min-height:auto;max-height:none}.employee-stats-table{width:100%;border-collapse:collapse;opacity:1!important}.employee-stats-table thead{background-color:var(--color-accent);color:#fff;opacity:1!important}.employee-stats-table th,.employee-stats-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd;opacity:1!important;color:var(--color-text)!important}.employee-stats-table tbody tr{opacity:1!important;background-color:var(--color-bg)!important}.employee-stats-table tbody tr:hover{background-color:var(--color-bg-hover)!important;opacity:1!important}.employee-table-modal{max-height:400px;overflow-y:auto;opacity:1!important}.no-data{text-align:center;color:#999;font-style:italic;opacity:1!important}.error-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.error-content{text-align:center;background:#fff;padding:3rem;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:500px;width:100%}.error-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 2s infinite}.error-content h2{color:#2c3e50;margin-bottom:1rem;font-size:1.8rem;font-weight:600}.error-content p{color:#7f8c8d;margin-bottom:2rem;line-height:1.6;font-size:1.1rem}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.office-left-column,.chart-box-container,.employee-table-container-container,.charts-container,.office-cards-container,.office-cards{max-width:100%;overflow-x:hidden;box-sizing:border-box}.employee-table-container,.employee-stats-table{max-width:100%;overflow-x:auto;box-sizing:border-box}.chart-box{max-width:100%;overflow:hidden;box-sizing:border-box}.statCard-content{max-width:100%;overflow-x:hidden;box-sizing:border-box}.office-header{max-width:100%;overflow-x:hidden;box-sizing:border-box;padding:16px}@media(max-width:1200px){.main-content-wrapper{grid-template-columns:1fr;grid-template-rows:auto;gap:16px}.office-left-column,.chart-box-container,.employee-table-container-container,.charts-container{grid-column:1;grid-row:auto}}@media(max-width:768px){.office-content{padding:12px;gap:12px}.main-content-wrapper{gap:12px;min-height:auto}}@media(max-width:1024px){.main-content-wrapper{grid-template-columns:1fr;grid-template-rows:auto;gap:16px;min-height:auto}.office-left-column,.chart-box-container,.employee-table-container-container,.charts-container{grid-column:1;grid-row:auto;width:100%}.office-header{flex-direction:column;gap:12px;align-items:flex-start}.period-selector{width:100%;justify-content:flex-start}}@media(max-width:768px){.office-content{padding:12px;gap:12px;overflow-y:auto;overflow-x:hidden}.office-header{padding:12px}.office-header h2{font-size:20px}.main-content-wrapper{gap:12px;min-height:auto}.office-left-column{overflow:visible;height:auto}.top-four{height:auto;flex:none}.office-cards-container{overflow:visible}.office-cards{flex-direction:column;gap:12px;overflow:visible}.office-card{width:100%;padding:14px}.office-add-card{width:100%;min-height:80px}.statCard-content{flex-direction:column;gap:12px;overflow:visible;height:auto}.chart-box-container{overflow:visible;height:auto}.chart-box{padding:12px;overflow:visible}.chart-box h4{font-size:14px}.employee-table-container-container{overflow:visible;height:auto}.employee-table-container{overflow-x:auto;overflow-y:visible}.employee-stats-table{font-size:13px}.employee-stats-table th,.employee-stats-table td{padding:10px 8px}.charts-container{overflow:visible;height:auto}.period-dropdown-header{padding:6px 12px;font-size:13px}.expand-button{width:32px;height:32px;font-size:14px}}@media(max-width:480px){.office-content{padding:8px;gap:8px}.office-header{padding:8px}.office-header h2{font-size:18px}.main-content-wrapper{gap:8px}.office-card{padding:12px}.office-card-header h3{font-size:15px}.office-card-info p{font-size:13px}.chart-box{padding:8px}.employee-stats-table{font-size:12px}.employee-stats-table th,.employee-stats-table td{padding:8px 6px}.employee-stats-table th:nth-child(3),.employee-stats-table td:nth-child(3){display:none}}@media(max-width:768px)and (orientation:landscape){.main-content-wrapper{grid-template-columns:1fr 1fr;grid-template-rows:auto}.office-left-column{grid-column:1}.chart-box-container{grid-column:2}.employee-table-container-container{grid-column:1}.charts-container{grid-column:2}}@media(hover:none)and (pointer:coarse){.office-card{min-height:48px}.expand-button{min-width:44px;min-height:44px}.period-dropdown-header{min-height:44px}.office-add-card{min-height:100px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.office-content{animation:fadeIn .5s ease-out}.office-header{animation:slideInLeft .6s ease-out}.period-selector{animation:slideInRight .6s ease-out}.office-card{animation:scaleIn .4s ease-out;animation-fill-mode:both;transition:all .3s cubic-bezier(.4,0,.2,1)}.office-card:nth-child(1){animation-delay:.1s}.office-card:nth-child(2){animation-delay:.2s}.office-card:nth-child(3){animation-delay:.3s}.office-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #00000026}.office-card.selected{box-shadow:0 4px 12px #d4af3733}.office-add-card{animation:scaleIn .4s ease-out .4s;animation-fill-mode:both;transition:all .3s cubic-bezier(.4,0,.2,1)}.office-add-card:hover{transform:scale(1.05);box-shadow:0 8px 24px #4476f033}.add-icon{transition:transform .3s ease}.office-add-card:hover .add-icon{transform:rotate(90deg) scale(1.2)}.statCard-content>div{animation:slideInLeft .5s ease-out;animation-fill-mode:both}.statCard-content>div:nth-child(1){animation-delay:.2s}.statCard-content>div:nth-child(2){animation-delay:.3s}.chart-box{animation:scaleIn .5s ease-out .4s;animation-fill-mode:both;transition:all .3s cubic-bezier(.4,0,.2,1)}.chart-box:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f}.employee-table-container{animation:slideInLeft .5s ease-out .5s;animation-fill-mode:both}.employee-stats-table tbody tr{animation:fadeIn .3s ease-out;animation-fill-mode:both;transition:all .2s ease}.employee-stats-table tbody tr:nth-child(1){animation-delay:.1s}.employee-stats-table tbody tr:nth-child(2){animation-delay:.15s}.employee-stats-table tbody tr:nth-child(3){animation-delay:.2s}.employee-stats-table tbody tr:nth-child(4){animation-delay:.25s}.employee-stats-table tbody tr:nth-child(5){animation-delay:.3s}.employee-stats-table tbody tr:hover{transform:translate(4px);background-color:var(--color-accent-light)}.expand-button{transition:all .3s cubic-bezier(.4,0,.2,1)}.expand-button:hover{transform:rotate(-45deg) scale(1.2);box-shadow:0 4px 12px #4476f066}.expand-button:active{transform:rotate(-45deg) scale(.95)}.period-dropdown-header{transition:all .3s cubic-bezier(.4,0,.2,1)}.period-dropdown-header:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.period-dropdown-content{animation:fadeIn .2s ease-out;transform-origin:top}.period-option{transition:all .2s ease;position:relative;overflow:hidden}.period-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(68,118,240,.1),transparent);transition:left .5s ease}.period-option:hover:before{left:100%}.period-option:hover{transform:translate(4px)}.employee-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.employee-modal-overlay .modal-content{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.modal-close-icon{transition:all .3s ease}.modal-close-icon:hover{transform:rotate(90deg) scale(1.2);color:#ff4d4f}.edit-icon{transition:all .3s ease}.edit-icon:hover{transform:rotate(15deg) scale(1.3)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-card{height:140px;margin-bottom:12px}.skeleton-stat{height:100px;margin-bottom:12px}.skeleton-chart{height:300px}.ant-modal{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.ant-modal-mask{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.office-cards{scroll-behavior:smooth}.office-cards::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent-dark)}.employee-stats-table{position:relative;overflow:hidden}.employee-stats-table:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;pointer-events:none}.employee-stats-table:hover:before{left:100%}.chart-wrapper canvas{animation:fadeIn .8s ease-out}@keyframes attention{0%,to{box-shadow:0 0 #4476f066}50%{box-shadow:0 0 0 10px #4476f000}}.office-card.selected:after{display:none}@media(max-width:768px){.office-card:hover{transform:translateY(-4px) scale(1.01)}.chart-box:hover{transform:translateY(-2px)}.expand-button:hover{transform:rotate(-45deg) scale(1.15)}}@media(max-width:480px){.office-card,.chart-box{animation-duration:.3s}.employee-stats-table tbody tr:hover{transform:translate(2px)}}[data-theme=dark] .office-card:hover{box-shadow:0 12px 24px #0006}[data-theme=dark] .chart-box:hover{box-shadow:0 12px 28px #0000004d}[data-theme=dark] .office-card.selected{box-shadow:0 4px 12px #d4af374d}.fade-in-up{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.scale-in{animation:scaleIn .4s ease-out}.modal-edit-btn,.modal-save-btn,.modal-close-btn{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-edit-btn:before,.modal-save-btn:before,.modal-close-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.modal-edit-btn:hover:before,.modal-save-btn:hover:before,.modal-close-btn:hover:before{width:300px;height:300px}.modal-edit-btn:active,.modal-save-btn:active,.modal-close-btn:active{transform:scale(.95)}.office-list-item{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.office-list-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--color-accent);transform:scaleY(0);transition:transform .3s ease}.office-list-item:hover:before{transform:scaleY(1)}.office-list-item:hover,.office-list-item.active{transform:translate(8px);padding-left:24px}.office-list-item.active:before{transform:scaleY(1)}.select-office-icon{transition:transform .3s ease}.office-list-item:hover .select-office-icon{transform:translate(4px)}.period-option.active{position:relative;overflow:hidden}.period-option.active:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 2s infinite}@media(max-width:768px){.office-card,.office-add-card,.period-option,.expand-button,.office-list-item{min-height:44px;cursor:pointer;-webkit-tap-highlight-color:rgba(68,118,240,.2)}@media(hover:none){.office-card:hover,.chart-box:hover,.expand-button:hover{transform:none}.office-card:active{transform:scale(.98);opacity:.9}.expand-button:active{transform:rotate(-45deg) scale(.95)}}.office-cards{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding:12px}.office-card{scroll-snap-align:start}.office-cards:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent) 50%,transparent);opacity:.3}.employee-stats-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.employee-stats-table thead,.employee-stats-table tbody,.employee-stats-table tr{display:table;width:100%;table-layout:fixed}.employee-modal-overlay .modal-content{border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;max-height:90vh;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.employee-modal-overlay.active .modal-content{transform:translateY(0)}.modal-content:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--color-muted);border-radius:2px;opacity:.5}.chart-wrapper canvas{touch-action:pan-y}.office-header{position:sticky;top:0;z-index:10;background:var(--color-bg-alt);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.office-add-fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--color-accent);color:#fff;border:none;box-shadow:0 4px 12px #4476f066;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;z-index:100;transition:all .3s ease}.office-add-fab:active{transform:scale(.9)}.office-add-card{display:none}.pull-to-refresh{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:top .3s ease}.pull-to-refresh.active{top:10px}@media(max-width:480px){.office-card{padding:12px;min-width:160px}.office-card h3{font-size:14px;margin-bottom:8px}.office-card p{font-size:12px;margin:4px 0}.statCard-content{gap:12px}.chart-box{padding:8px;height:auto;min-height:200px}.chart-wrapper{min-height:150px}.employee-stats-table th,.employee-stats-table td{padding:8px 6px;font-size:12px}.expand-button{padding:6px 6px 4px}.modal-edit-btn,.modal-save-btn,.modal-close-btn{padding:8px 16px;font-size:14px}}@media(orientation:landscape)and (max-height:500px){.office-header{padding:8px 12px}.office-header h2{font-size:16px}.chart-box{height:auto;min-height:180px}.employee-modal-overlay .modal-content{max-height:95vh;overflow-y:auto}}}@media(max-width:768px){[data-theme=dark] .office-header{background:#1e1e1ef2}[data-theme=dark] .office-add-fab{box-shadow:0 4px 12px #4476f099}}@media(max-width:768px){.office-card:focus,.expand-button:focus,.period-option:focus{outline:3px solid var(--color-accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}@media(max-width:768px){@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.office-card,.chart-box,.expand-button,.modal-content{will-change:transform;transform:translateZ(0);backface-visibility:hidden}}@supports (padding: max(0px)){@media(max-width:768px){.office-content{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom))}.office-add-fab{bottom:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right))}.employee-modal-overlay .modal-content{padding-bottom:max(16px,env(safe-area-inset-bottom))}}}@media(max-width:768px)and (min-aspect-ratio:1/1){.office-left-column{grid-template-columns:repeat(2,1fr);gap:12px}.chart-employees{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;background:#4476f033;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.swipe-indicator.left{left:10px}.swipe-indicator.right{right:10px}.swipe-indicator.active{opacity:1}}@media(max-width:768px){.loading-skeleton{background:linear-gradient(90deg,var(--color-bg-alt) 25%,var(--color-bg) 50%,var(--color-bg-alt) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.loading-card{height:140px;margin-bottom:12px}.loading-stat{height:80px;margin-bottom:12px}.loading-chart{height:200px}}@media(max-width:768px){.haptic-light:active{animation:haptic-pulse .1s ease}.haptic-medium:active{animation:haptic-pulse .15s ease}.haptic-heavy:active{animation:haptic-pulse .2s ease}@keyframes haptic-pulse{0%,to{transform:scale(1)}50%{transform:scale(.98)}}}@media(max-width:768px){.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-alt);border-radius:16px 16px 0 0;box-shadow:0 -4px 12px #00000026;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;max-height:90vh;overflow-y:auto}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{width:40px;height:4px;background:var(--color-muted);border-radius:2px;margin:12px auto;opacity:.5}}@media(max-width:768px){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}input,select,textarea{font-size:16px!important}}.stat-card{background-color:var(--color-bg-alt);border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:20px;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:12px;position:relative;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card-title{font-size:16px;font-weight:500;color:var(--color-muted);margin-bottom:15px}.stat-card-icon{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:100px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.stat-card-value{font-size:28px;font-weight:700;color:var(--color-text);margin-top:auto;margin-bottom:10px}.stat-card-percentage{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:500;margin-top:auto}.stat-card-percentage.positive{color:#4ad991}.stat-card-percentage.negative{color:#ff6b6b}.stat-card-percentage.neutral,.stat-card-percentage.neutral .arrow-icon{color:var(--color-muted)}.arrow-icon{font-size:12px}.description{color:var(--color-muted);font-weight:400;margin-left:5px}.ai-tools-container{padding:20px;background-color:var(--color-bg);border-radius:0;color:var(--color-text);animation:fadeIn .6s ease-in-out;display:flex;flex-direction:column;gap:0;height:100%;max-height:100%;overflow:hidden}.ai-tools-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:visible}@keyframes fadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.ai-tools-container{padding:14px;gap:14px}}[data-theme=dark] .ai-tools-container{background-color:var(--color-bg);color:var(--color-text)}[data-theme=dark] .ai-tools-content{background-color:transparent}.scanner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.scanner-container{background-color:var(--color-bg);border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;border:1px solid var(--color-accent-light);display:flex;flex-direction:column}.scanner-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--color-accent-light);background-color:var(--color-bg-alt)}.scanner-header h2{margin:0;font-size:18px;color:var(--color-accent);font-weight:600}.close-button{background:none;border:none;font-size:24px;color:var(--color-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button:hover{background-color:#0000000d;color:var(--color-accent)}.scanner-content{padding:20px;display:flex;flex-direction:column;gap:20px}.loading-message{text-align:center;padding:40px;color:var(--color-muted);font-size:16px}.file-input-container{display:flex;justify-content:center}.file-select-button{background-color:var(--color-accent);color:var(--color-button-text);border:none;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.file-select-button:hover{background-color:var(--color-accent-dark, #b8972f)}.canvas-wrap{width:100%;text-align:center;margin:10px 0}.canvas-wrap canvas{border:2px solid var(--color-accent);border-radius:12px;max-width:100%;display:block;margin:0 auto;background:#fff}.controls{display:flex;justify-content:center;margin-top:10px}#scanBtn{background-color:var(--color-accent);color:var(--color-button-text);border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s ease,transform .05s ease,opacity .2s ease}#scanBtn:hover{background-color:var(--color-accent-dark, #b8972f)}#scanBtn:active{transform:translateY(1px)}#scanBtn:disabled{opacity:.6;cursor:not-allowed}#scanBtn.scanning{position:relative;padding-right:40px}#scanBtn.scanning:after{content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.scanner-container{width:95%;max-height:95vh}.scanner-header h2{font-size:16px}.scanner-content{padding:15px;gap:15px}#scanBtn{font-size:14px;padding:8px 16px}}.chat-container{display:flex;height:calc(100vh - 64px);max-height:calc(100vh - 64px);background:var(--color-bg-alt);overflow:hidden;width:100%;max-width:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;border:2px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px #0000001a}.chat-container:before{content:"";position:absolute;top:50%;left:50%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,215,0,.6) 0%,rgba(255,237,78,.5) 12%,rgba(255,193,7,.4) 22%,rgba(255,152,0,.3) 32%,rgba(255,143,0,.22) 42%,rgba(255,111,0,.15) 52%,rgba(230,81,0,.08) 62%,rgba(191,54,12,.04) 72%,transparent 85%);border-radius:50%;transform:translate(-50%,-50%);animation:goldenShimmer 20s ease-in-out infinite;pointer-events:none;z-index:0;filter:blur(3px);opacity:.9}.chat-container:after{content:"";position:absolute;top:50%;left:50%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,215,0,.45) 0%,rgba(255,193,7,.35) 25%,rgba(255,152,0,.25) 50%,rgba(255,111,0,.15) 75%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%);animation:innerGlow 15s ease-in-out infinite reverse;pointer-events:none;z-index:0;filter:blur(2px);opacity:.8}@keyframes goldenShimmer{0%,to{opacity:.9;transform:translate(-50%,-50%) scale(1)}10%{opacity:.2;transform:translate(-50%,-50%) scale(.85)}20%{opacity:.95;transform:translate(-50%,-50%) scale(1.15)}30%{opacity:.85;transform:translate(-50%,-50%) scale(1)}40%{opacity:.3;transform:translate(-50%,-50%) scale(.88)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.12)}60%{opacity:.85;transform:translate(-50%,-50%) scale(1)}70%{opacity:.4;transform:translate(-50%,-50%) scale(.9)}80%{opacity:.95;transform:translate(-50%,-50%) scale(1.1)}90%{opacity:.85;transform:translate(-50%,-50%) scale(1)}}@keyframes innerGlow{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}15%{opacity:.3;transform:translate(-50%,-50%) scale(.82)}30%{opacity:.85;transform:translate(-50%,-50%) scale(1.18)}45%{opacity:.4;transform:translate(-50%,-50%) scale(.9)}60%{opacity:.9;transform:translate(-50%,-50%) scale(1.2)}75%{opacity:.5;transform:translate(-50%,-50%) scale(.95)}}.chat-main{flex-grow:1;display:flex;flex-direction:column;width:100%;height:100%;position:relative;z-index:1;background:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.chat-header{background:var(--color-bg-alt);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;min-height:60px;flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:12px;flex:1}.chat-header-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,var(--color-accent) 0%,#c2a030 100%);color:#fff;flex-shrink:0;transition:transform .2s ease}.chat-header-icon:hover{transform:scale(1.05)}.chat-header h2{color:var(--color-text);font-size:1rem;font-weight:600;margin:0}.clear-chat-button{position:fixed;bottom:120px;right:24px;background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;padding:0;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:100;width:48px;height:48px;box-shadow:0 2px 8px #0000001a;opacity:.9}.clear-chat-button svg{width:20px;height:20px}.clear-chat-button:hover{background:var(--color-bg);border-color:var(--color-accent);color:var(--color-accent);opacity:1;transform:scale(1.05);box-shadow:0 4px 12px #d4af3733}.clear-chat-button:active{transform:scale(.98)}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;position:relative;background:transparent;min-height:0}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#0003}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;gap:16px;padding:0 20px;position:relative}.empty-chat:before{content:"💬";font-size:64px;opacity:.5;margin-bottom:8px}.empty-chat h2{font-size:28px;margin:0;color:var(--color-text);font-weight:600}.empty-chat p{font-size:16px;margin:0;line-height:1.6;color:var(--color-muted);max-width:500px}.user-message,.ai-message{display:flex;gap:16px;padding:24px 0;width:100%;animation:messageSlideIn .3s ease-out}.user-message{background:var(--color-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ai-message{background:var(--color-bg-alt);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message>*,.ai-message>*{max-width:768px;width:100%;margin:0 auto;padding:0 24px;display:flex;gap:16px}.message-avatar{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;position:relative}.user-message .message-avatar{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff}.ai-message .message-avatar{background:linear-gradient(135deg,var(--color-accent) 0%,#c2a030 100%);color:#fff}.message-content{flex:1;color:var(--color-text);font-size:16px;line-height:1.75;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;min-width:0}.user-message .message-content{color:var(--color-text);font-weight:400}.ai-message .message-content{color:var(--color-text-secondary)}.message-content p{margin:0 0 16px}.message-content p:last-child{margin-bottom:0}.message-content pre{background:var(--color-bg);border:1px solid var(--color-border);padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0;font-size:14px;font-family:Consolas,Monaco,Courier New,monospace}.message-content code{font-family:Consolas,Monaco,Courier New,monospace;background:var(--color-bg);padding:2px 6px;border-radius:4px;font-size:14px;border:1px solid var(--color-border)}.message-content pre code{background:transparent;padding:0;border:none}.message-content h3{font-size:18px;margin:24px 0 12px;font-weight:600;color:var(--color-accent)}.message-content h3:first-child{margin-top:0}.message-content ul,.message-content ol{margin:16px 0;padding-left:24px}.message-content li{margin-bottom:8px}.message-content strong{font-weight:600;color:var(--color-text)}.message-content table{margin:16px 0;font-size:14px;border-collapse:collapse;width:100%;border:1px solid var(--color-border)}.message-content table th,.message-content table td{padding:10px 12px;border:1px solid var(--color-border);text-align:left}.message-content table th{background:var(--color-bg);font-weight:600;color:var(--color-text)}.message-actions{position:absolute;bottom:8px;right:8px;opacity:0;transition:opacity .2s ease;display:flex;gap:4px}.message-content:hover .message-actions{opacity:1}.copy-button{background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;padding:6px 8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:14px}.copy-button:hover{background:var(--color-bg);color:var(--color-text);border-color:var(--color-accent)}.docx-actions{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.download-button{background:linear-gradient(135deg,var(--color-accent) 0%,#c2a030 100%);color:var(--color-button-text);border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.download-button:hover{background:linear-gradient(135deg,#c2a030,#a88f28);transform:translateY(-1px);box-shadow:0 2px 8px #d4af374d}.download-button:active{transform:translateY(0)}.typing{background:var(--color-bg-alt);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid var(--color-border)}.typing-indicator{display:flex;align-items:center;gap:6px;padding:4px 0}.typing-indicator span{width:8px;height:8px;background:linear-gradient(135deg,var(--color-accent) 0%,#c2a030 100%);border-radius:50%;animation:typingPulse 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingPulse{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.processing-text{margin-top:8px;font-size:13px;color:var(--color-muted);font-style:italic}.chat-input-container{padding:20px 0 24px;background:var(--color-bg-alt);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:sticky;bottom:0;z-index:10;flex-shrink:0}.chat-input-wrapper{max-width:768px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:12px}.chat-input-box{display:flex;align-items:center;gap:12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:12px;box-shadow:0 0 #d4af3700;transition:all .2s ease;min-height:52px}.chat-input-box:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #d4af371a}.chat-input{flex:1;background:transparent;border:none;padding:6px 0;color:var(--color-text);font-size:16px;resize:none;outline:none;font-family:inherit;line-height:1.5;min-height:24px;max-height:200px;overflow-y:auto}.chat-input::placeholder{color:var(--color-muted)}.chat-input::-webkit-scrollbar{width:4px}.chat-input::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.input-buttons{display:flex;gap:8px;align-items:center}.attachment-button{background:transparent;border:none;color:var(--color-muted);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.attachment-button:hover{background:var(--color-bg-alt);color:var(--color-text)}.attachment-button svg{width:20px;height:20px}.send-button{background:linear-gradient(135deg,var(--color-accent) 0%,#c2a030 100%);color:var(--color-button-text);border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#c2a030,#a88f28)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{background:var(--color-border);color:var(--color-muted);cursor:not-allowed}.input-info{text-align:center;color:var(--color-muted);font-size:12px;padding:0 24px}.message-image{margin-bottom:12px;max-width:100%;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.message-image img{max-width:100%;max-height:400px;display:block;object-fit:contain}.image-preview-container{padding:12px;background:var(--color-bg);border-radius:8px;margin-bottom:12px}.image-preview{position:relative;display:inline-block;max-width:100%;border-radius:8px;overflow:hidden;border:1px solid var(--color-accent)}.image-preview img{max-height:120px;display:block;object-fit:cover}.cancel-image-button{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1;padding:0;transition:all .2s ease}.cancel-image-button:hover{background:#000000d9;transform:scale(1.1)}@media(max-width:768px){.chat-container{height:calc(100vh - 120px);max-height:calc(100vh - 120px)}.chat-header{padding:.75rem 1rem}.chat-header h2{font-size:.9rem}.user-message>*,.ai-message>*{padding:0 16px}.chat-input-wrapper,.input-info{padding:0 16px}.message-content{font-size:15px}.clear-chat-button{bottom:100px;right:16px;width:44px;height:44px}.empty-chat h2{font-size:24px}.empty-chat p{font-size:14px}}@media(max-width:480px){.chat-header-icon{width:32px;height:32px;font-size:18px}.message-avatar{width:28px;height:28px;font-size:16px}.user-message,.ai-message{padding:20px 0}.user-message>*,.ai-message>*{gap:12px}.message-content{font-size:14px}.chat-input{font-size:15px}.send-button{width:32px;height:32px}}.chat-messages{scroll-behavior:smooth}::selection{background:#d4af3733;color:inherit}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes fadeInButton{0%{opacity:0;transform:scale(.9)}to{opacity:.9;transform:scale(1)}}.clear-chat-button{animation:fadeInButton .3s ease-out}[data-theme=dark] .chat-container{background:var(--color-bg)!important;border:2px solid var(--color-accent)!important;box-shadow:0 4px 20px #d4af3726!important}[data-theme=dark] .chat-main{background:transparent}[data-theme=dark] .chat-header{background:var(--color-header-bg);border-bottom:1px solid var(--color-border)}[data-theme=dark] .chat-header h2{color:var(--color-text)}[data-theme=dark] .chat-header-icon{background:linear-gradient(135deg,var(--color-accent) 0%,#c2a030 100%)}[data-theme=dark] .clear-chat-button{background:var(--color-bg-alt);border-color:#ef444466;color:#ef4444}[data-theme=dark] .clear-chat-button:hover{background:#ef4444;color:#fff;border-color:#ef4444}[data-theme=dark] .empty-chat h2{color:var(--color-text)}[data-theme=dark] .empty-chat p{color:var(--color-muted)}[data-theme=dark] .user-message{background:var(--color-bg-alt)}[data-theme=dark] .ai-message{background:var(--color-bg);border-bottom:1px solid var(--color-border)}[data-theme=dark] .message-avatar{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .user-message .message-avatar{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}[data-theme=dark] .ai-message .message-avatar{background:linear-gradient(135deg,var(--color-accent) 0%,#c2a030 100%)}[data-theme=dark] .message-content,[data-theme=dark] .user-message .message-content{color:var(--color-text)}[data-theme=dark] .ai-message .message-content{color:var(--color-text-secondary)}[data-theme=dark] .message-content pre{background:var(--color-bg-alt);border-color:var(--color-border)}[data-theme=dark] .message-content code{background:var(--color-bg-alt);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .message-content h3{color:var(--color-accent)}[data-theme=dark] .message-content strong{color:var(--color-text)}[data-theme=dark] .message-content table,[data-theme=dark] .message-content table th,[data-theme=dark] .message-content table td{border-color:var(--color-border)}[data-theme=dark] .message-content table th{background:var(--color-bg-alt);color:var(--color-text)}[data-theme=dark] .copy-button{background:var(--color-bg-alt);border-color:var(--color-border);color:var(--color-muted)}[data-theme=dark] .copy-button:hover{background:var(--color-bg);color:var(--color-text);border-color:var(--color-accent)}[data-theme=dark] .typing{background:var(--color-bg);border-bottom:1px solid var(--color-border)}[data-theme=dark] .typing-indicator span{background:linear-gradient(135deg,var(--color-accent) 0%,#c2a030 100%)}[data-theme=dark] .processing-text{color:var(--color-muted)}[data-theme=dark] .chat-input-container{background:var(--color-bg)}[data-theme=dark] .chat-input-box{background:var(--color-bg-alt);border-color:var(--color-border)}[data-theme=dark] .chat-input-box:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #d4af3733}[data-theme=dark] .chat-input{color:var(--color-text)}[data-theme=dark] .chat-input::placeholder{color:var(--color-muted)}[data-theme=dark] .attachment-button{color:var(--color-muted)}[data-theme=dark] .attachment-button:hover{background:var(--color-bg);color:var(--color-text)}[data-theme=dark] .send-button{background:linear-gradient(135deg,var(--color-accent) 0%,#c2a030 100%);color:var(--color-button-text)}[data-theme=dark] .send-button:hover:not(:disabled){background:linear-gradient(135deg,#c2a030,#a88f28)}[data-theme=dark] .send-button:disabled{background:var(--color-border);color:var(--color-muted)}[data-theme=dark] .input-info{color:var(--color-muted)}[data-theme=dark] .message-image{border-color:var(--color-border)}[data-theme=dark] .image-preview-container{background:var(--color-bg-alt)}[data-theme=dark] .image-preview{border-color:var(--color-accent)}[data-theme=dark] .image-preview:hover{border-color:var(--color-accent-light)}[data-theme=dark] .cancel-image-button{background:#ef4444f2}[data-theme=dark] .cancel-image-button:hover{background:#dc2626}[data-theme=dark] .download-button{background:linear-gradient(135deg,var(--color-accent) 0%,#c2a030 100%);color:var(--color-button-text)}[data-theme=dark] .download-button:hover{background:linear-gradient(135deg,#c2a030,#a88f28);box-shadow:0 2px 8px #d4af374d}[data-theme=dark] .chat-container:before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(212,175,55,.5) 0%,rgba(212,175,55,.45) 10%,rgba(194,160,48,.38) 20%,rgba(168,143,40,.3) 30%,rgba(150,130,35,.22) 40%,rgba(130,115,30,.15) 50%,rgba(100,90,25,.1) 60%,rgba(80,70,20,.05) 70%,transparent 85%);border-radius:50%;transform:translate(-50%,-50%);animation:moonGlow 25s ease-in-out infinite;pointer-events:none;z-index:0;filter:blur(3px);opacity:.85}[data-theme=dark] .chat-container:after{content:"";position:absolute;top:50%;left:50%;width:450px;height:450px;background:radial-gradient(circle,rgba(212,175,55,.4) 0%,rgba(194,160,48,.32) 25%,rgba(168,143,40,.22) 50%,rgba(150,130,35,.14) 75%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%);animation:moonPulse 20s ease-in-out infinite reverse;pointer-events:none;z-index:0;filter:blur(2px);opacity:.75}@keyframes moonGlow{0%,to{opacity:.85;transform:translate(-50%,-50%) scale(1)}12%{opacity:.3;transform:translate(-50%,-50%) scale(.88)}24%{opacity:.9;transform:translate(-50%,-50%) scale(1.12)}36%{opacity:.75;transform:translate(-50%,-50%) scale(1)}48%{opacity:.4;transform:translate(-50%,-50%) scale(.9)}60%{opacity:.85;transform:translate(-50%,-50%) scale(1.1)}72%{opacity:.7;transform:translate(-50%,-50%) scale(1)}84%{opacity:.35;transform:translate(-50%,-50%) scale(.92)}96%{opacity:.8;transform:translate(-50%,-50%) scale(1.08)}}@keyframes moonPulse{0%,to{opacity:.75;transform:translate(-50%,-50%) scale(1)}20%{opacity:.4;transform:translate(-50%,-50%) scale(.85)}40%{opacity:.8;transform:translate(-50%,-50%) scale(1.15)}60%{opacity:.5;transform:translate(-50%,-50%) scale(.92)}80%{opacity:.85;transform:translate(-50%,-50%) scale(1.18)}}.lawyers-content{color:var(--color-text);padding:20px;border-radius:15px;animation:fadeIn .5s ease-in-out;background:var(--color-bg-alt);box-shadow:0 4px 12px #0000001a}.lawyers-title{text-align:left;font-size:24px;font-weight:700;color:var(--color-accent);margin-bottom:20px;letter-spacing:1px}.filters{display:flex;align-items:center;gap:16px;padding:12px 20px;background-color:var(--color-bg);border-radius:8px;width:auto;max-width:750px;margin:0 auto 30px;box-shadow:0 4px 8px #0000000d;flex-wrap:wrap}.filter-text{white-space:nowrap;color:var(--color-text);font-size:14px}.filter-icon{display:flex;align-items:center;color:var(--color-accent)}.role-filter,.office-filter{display:flex;flex-direction:column;gap:5px;color:var(--color-text);font-size:14px}.role-filter select,.office-filter select{outline:none;padding:8px 12px;border-radius:6px;background:var(--color-bg);border:1px solid var(--color-accent-light);color:var(--color-text);cursor:pointer;appearance:none;transition:all .3s ease;min-width:150px}.role-filter option,.office-filter option{background-color:var(--color-bg);color:var(--color-text)}.role-filter select:hover,.office-filter select:hover{border-color:var(--color-accent);box-shadow:0 2px 4px #0000001a}.role-filter select:focus,.office-filter select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #d4af3733}.reset-filter{display:flex;justify-content:center;align-items:center;gap:6px;padding:8px 12px;background-color:transparent;color:var(--color-accent);border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.reset-filter:hover{background-color:#d4af371a;border-color:var(--color-accent-light)}.lawyers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.lawyers-grid>div{cursor:pointer;transition:transform .2s ease}.lawyers-grid>div:hover{transform:translateY(-4px)}.employee-card{background-color:var(--color-bg);border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease;border:1px solid var(--color-accent-light);max-width:360px;min-height:220px}.employee-card:hover{box-shadow:0 6px 16px #0000001a;border-color:var(--color-accent)}.employee-avatar{margin-bottom:16px}.employee-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--color-accent-light)}.default-avatar{width:80px;height:80px;border-radius:50%;background-color:var(--color-accent);display:flex;align-items:center;justify-content:center}.employee-info h3{margin:8px 0;font-size:18px;font-weight:600;color:var(--color-text)}.employee-info p{margin:4px 0;font-size:14px}.employee-position{color:var(--color-accent);font-weight:500}.employee-office{color:var(--color-muted)}.employee-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background-color:var(--color-bg);padding:24px;border-radius:12px;max-width:90%;width:400px;color:var(--color-text);position:relative;box-shadow:0 8px 24px #00000026;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-content h3{color:var(--color-accent);margin-bottom:16px;font-size:20px;font-weight:600}.modal-section{margin-bottom:24px}.modal-section h4{margin-bottom:12px;color:var(--color-accent);font-size:16px;font-weight:500}.modal-section p{margin:8px 0;display:flex;align-items:center}.modal-section b{min-width:100px;display:inline-block}.modal-section input{flex:1;padding:8px 12px;background-color:var(--color-bg-alt);color:var(--color-text);border:1px solid var(--color-accent-light);border-radius:6px;font-size:14px;width:100%}.modal-section input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #d4af3733}.modal-buttons{display:flex;gap:10px;justify-content:flex-end}.modal-edit-btn,.modal-save-btn,.modal-close-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.modal-edit-btn{background-color:var(--color-accent);color:#fff}.modal-edit-btn:hover{background-color:#c2a030}.modal-save-btn{background-color:#4ad991;color:#fff}.modal-save-btn:hover{background-color:#3db87a}.modal-close-btn{background-color:#e0e0e0;color:#333}.modal-close-btn:hover{background-color:#d0d0d0}.no-employees{text-align:center;padding:40px;font-size:16px;color:var(--color-muted)}@media(max-width:768px){.filters{flex-direction:column;align-items:flex-start;padding:16px}.filter-text{margin-bottom:8px}.role-filter,.office-filter,.role-filter select,.office-filter select{width:100%}.reset-filter{margin-top:8px;align-self:flex-end}.lawyers-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:480px){.lawyers-grid{grid-template-columns:1fr}.modal-content{width:95%;padding:16px}}.experts-container{padding:20px;background:var(--color-bg-alt);border-radius:15px;box-shadow:0 4px 12px #0000001a;animation:fadeIn .5s ease-in-out}.experts-title{font-size:24px;font-weight:600;color:var(--color-accent);margin-bottom:20px}.leader-view h3,.expert-view h3{font-size:20px;font-weight:600;color:var(--color-text);margin-bottom:16px}.contracts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.contract-item{background:var(--color-bg);padding:15px;border-radius:8px;margin-bottom:15px;box-shadow:0 4px 8px #0000001a;transition:all .3s ease}.contract-item:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000026;border-left:3px solid var(--color-accent)}.contract-item p{margin:8px 0;color:var(--color-text)}.contract-item strong{color:var(--color-accent);font-weight:600}.assign-expert{margin-top:15px}.assign-expert select{padding:10px 12px;border-radius:6px;background:var(--color-bg-alt);border:1px solid var(--color-accent-light);color:var(--color-text);cursor:pointer;width:100%;transition:all .3s ease}.assign-expert select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #d4af3733}.upload-document{margin-top:15px;padding:12px;background:var(--color-bg-alt);border-radius:6px;border:1px dashed var(--color-accent-light)}.upload-document h4{color:var(--color-accent);margin-bottom:10px;font-size:16px;font-weight:600}.upload-document input[type=file]{margin-top:10px;width:100%;padding:8px;border:none;background:transparent;color:var(--color-text)}.uploaded-documents{margin-top:15px}.uploaded-documents h4{color:var(--color-accent);margin-bottom:10px;font-size:16px;font-weight:600}.uploaded-documents ul{padding:0 0 0 20px;list-style-type:disc;color:var(--color-text)}.uploaded-documents li{margin:5px 0;padding:3px 0}.uploaded-documents a{color:var(--color-accent);text-decoration:none;transition:all .3s ease}.uploaded-documents a:hover{text-decoration:underline;color:#c2a030}@media(max-width:768px){.contracts-list{grid-template-columns:1fr}}.employees-content{padding:20px}.employees-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.employees-title{font-size:24px;color:var(--color-accent);margin:0}.add-employee-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--color-accent);color:#fff;border:none;border-radius:4px;cursor:pointer}.tabs-container{display:flex;border-bottom:1px solid var(--color-accent-light);margin-bottom:20px}.tab{padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:16px;position:relative}.tab.active{border-bottom:2px solid var(--color-accent);color:var(--color-accent);font-weight:500}.badge{position:absolute;top:0;right:0;background-color:red;color:#fff;border-radius:50%;width:18px;height:18px;font-size:12px;display:flex;align-items:center;justify-content:center}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.invite-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.invite-modal-content{background-color:#fff;border-radius:8px;padding:24px;width:90%;max-width:500px;position:relative}.invite-modal-close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer}.qr-code-container{display:flex;justify-content:center;margin:20px 0}.qr-code{padding:16px;background-color:#fff;border:1px solid #eee;border-radius:8px}.invite-link-container{margin-bottom:20px}.invite-link-field{display:flex;gap:8px}.invite-link-field input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.invite-link-field button{padding:8px;background-color:var(--color-accent-light);border:none;border-radius:4px;cursor:pointer}.invite-instructions{font-size:14px;color:#666}.join-requests{margin-top:20px}.requests-list{display:flex;flex-direction:column;gap:16px}.request-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #eee;border-radius:8px;background-color:#fff}.request-info h4{margin:0 0 8px}.request-info p{margin:4px 0}.request-date{font-size:12px;color:#666}.request-actions{display:flex;gap:8px}.approve-btn{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.reject-btn{padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.no-requests,.no-employees{text-align:center;padding:40px;color:#666}.simple-qr-placeholder{width:200px;height:200px;background-color:#f0f0f0;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.qr-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;width:120px;height:120px;margin-bottom:12px}.qr-block{background-color:#333;width:100%;height:100%}.qr-block:nth-child(5){background-color:#fff}.qr-text{margin-top:8px;font-size:14px;font-weight:500;color:#555}.qr-link{margin-top:4px;font-size:10px;color:#888;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-indicator{width:200px;height:200px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border-radius:8px;color:var(--color-accent);font-weight:500}.pie-chart-container{display:flex;flex-direction:column;align-items:center;margin:20px 0}.chart-legend{display:flex;flex-direction:column;gap:8px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px}.legend-color{width:16px;height:16px;border-radius:2px}.period-buttons{display:flex;gap:8px;justify-content:center}.period-btn{padding:8px 16px;border:1px solid var(--color-accent-light);background-color:#fff;color:var(--color-text);border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:14px}.period-btn:hover{border-color:var(--color-accent);background-color:var(--color-accent-light)}.period-btn.active{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.employee-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;padding:24px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;position:relative}.modal-section{margin-bottom:20px}.modal-section h4{margin:0 0 12px;color:var(--color-accent);font-size:16px}.modal-section p{margin:8px 0;font-size:14px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-close-btn{padding:8px 16px;background-color:#666;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.modal-close-btn:hover{background-color:#555}.documents-container{background:var(--color-bg);padding:24px;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.documents-title{color:var(--color-text);font-size:28px;font-weight:700;margin-bottom:24px;display:flex;align-items:center;gap:12px}.documents-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.search-container{flex:1;min-width:280px}.search-input-wrapper{position:relative}.search-input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--color-muted);pointer-events:none}.search-input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--color-accent-light);background-color:var(--color-bg);color:var(--color-text);font-size:14px;transition:all .3s ease;box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #d4af3733}.filter-selects{display:flex;gap:12px}.filter-select{padding:10px 14px;border-radius:8px;border:1px solid var(--color-accent-light);background-color:var(--color-bg);color:var(--color-text);min-width:160px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;transition:all .3s ease}.filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #d4af3733}.new-document-btn{background-color:var(--color-accent);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:500;cursor:pointer;transition:all .3s ease}.new-document-btn:hover{background-color:#c2a030;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.documents-table-container{background:var(--color-bg-alt);border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid var(--color-border);margin-top:20px}.documents-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--color-bg-alt)}.documents-table th,.documents-table td{padding:16px 20px;text-align:left;border-bottom:1px solid rgba(229,231,235,.3);vertical-align:middle}.documents-table th{background:var(--color-accent);color:#fff;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000001a}.documents-table th:first-child{border-top-left-radius:12px}.documents-table th:last-child{border-top-right-radius:12px}.documents-table tr{transition:all .2s ease}.documents-table tr:hover{background-color:var(--color-accent-light);transform:translateY(-1px);box-shadow:0 2px 8px #d4af3726}.documents-table tr.selected-contract{background-color:#d4af371a;border-left:4px solid var(--color-accent);box-shadow:0 2px 8px #d4af3733}.documents-table tr.selected-contract:hover{background-color:#d4af3726;box-shadow:0 4px 12px #d4af3740}.documents-table tr:last-child td{border-bottom:none}.documents-table tr:last-child td:first-child{border-bottom-left-radius:12px}.documents-table tr:last-child td:last-child{border-bottom-right-radius:12px}.documents-table td:first-child{font-weight:600;color:var(--color-accent)}.documents-table td:nth-child(2){font-weight:500;color:var(--color-text)}.documents-table td:nth-child(3){color:var(--color-muted);font-style:italic}.documents-table td:nth-child(5){color:var(--color-text-secondary);font-size:13px}.documents-table td:nth-child(6){color:var(--color-text);font-weight:500}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize;text-align:center;min-width:80px;border:1px solid transparent;transition:all .2s ease}.status-active,.status-активный{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);color:#2e7d32;border-color:#4caf50}.status-draft,.status-черновик{background:linear-gradient(135deg,#fff3e0,#ffcc02);color:#f57c00;border-color:#ff9800}.status-completed,.status-подписан{background:linear-gradient(135deg,#e3f2fd,#90caf9);color:#1976d2;border-color:#2196f3}.status-на-согласовании{background:linear-gradient(135deg,#f3e5f5,#ce93d8);color:#7b1fa2;border-color:#9c27b0}.status-расторгнут{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border-color:#f44336}.actions-cell{display:flex;gap:6px;align-items:center;justify-content:center;padding:8px 4px!important}.action-btn{padding:0;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;position:relative;overflow:hidden;flex-shrink:0}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.action-btn:hover:before{left:100%}.view-btn{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));color:#fff;box-shadow:0 1px 4px #1e3a8a4d}.view-btn:hover{background:linear-gradient(135deg,var(--color-primary),#1e40af);transform:scale(1.05);box-shadow:0 2px 8px #1e3a8a66}.edit-btn{background:linear-gradient(135deg,var(--color-accent),#b8941f);color:#fff;box-shadow:0 1px 4px #d4af374d}.edit-btn:hover{background:linear-gradient(135deg,#b8941f,#9d7e1a);transform:scale(1.05);box-shadow:0 2px 8px #d4af3766}.documents-table .action-btn.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 1px 4px #ef44444d;border:none;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;padding:0!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:1!important}.documents-table .action-btn.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.05);box-shadow:0 2px 8px #ef444466}.documents-table .action-btn.delete-btn svg{color:#fff!important;stroke:#fff!important;fill:none!important;opacity:1!important;visibility:visible!important;display:block!important;width:16px!important;height:16px!important}.no-documents{padding:40px;text-align:center;background-color:var(--color-bg);border-radius:10px;color:var(--color-muted);font-size:16px}@media(max-width:992px){.documents-filters{flex-direction:column;align-items:stretch}.filter-selects{justify-content:space-between}.filter-select{flex:1}.new-document-btn{width:100%}.actions-cell{flex-direction:column}.action-btn{width:100%}}@media(max-width:576px){.filter-selects{flex-direction:column}.documents-table th,.documents-table td{padding:10px 8px;font-size:14px}}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.modal-content{background:var(--color-bg);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #00000040;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:center;align-items:center;padding:20px;border-bottom:1px solid var(--color-accent-light);position:relative}.modal-header h3{margin:0;color:var(--color-accent);font-weight:600;text-align:center;font-size:20px}.modal-close-btn{background:var(--color-bg-alt)!important;border:1px solid var(--color-border)!important;font-size:28px;color:var(--color-text)!important;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:36px!important;height:36px!important;min-width:unset!important;display:flex;align-items:center;justify-content:center;padding:0!important;line-height:1;position:absolute;right:20px;top:50%;transform:translateY(-50%);border-radius:50%!important;font-weight:300;box-shadow:0 2px 4px #0000001a}.modal-close-btn:hover{color:#ef4444!important;background-color:#ef44441a!important;border-color:#ef4444!important;transform:translateY(-50%) scale(1.08);box-shadow:0 4px 8px #ef444433}.modal-close-btn:active{transform:translateY(-50%) scale(1)}.auto-fill-btn{background:linear-gradient(135deg,#4caf50,#45a049)!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:8px 16px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;gap:6px!important;position:absolute!important;left:20px!important;top:50%!important;transform:translateY(-50%)!important;min-width:unset!important;height:36px!important}.auto-fill-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40)!important;transform:translateY(-50%) scale(1.05)!important;box-shadow:0 4px 12px #4caf504d!important}.document-form{padding:20px;max-width:600px;margin:0 auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--color-text);font-size:15px}.form-group input,.form-group select{width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--color-accent-light);background-color:var(--color-bg);color:var(--color-text);font-size:15px;transition:all .3s ease;box-sizing:border-box;height:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #d4af3733}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:40px;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:30px}.cancel-btn,.submit-btn{padding:12px 24px!important;border-radius:8px!important;font-size:16px!important;font-weight:600!important;min-width:140px!important;height:48px!important;cursor:pointer;transition:all .3s ease;box-sizing:border-box!important}.cancel-btn{border:1px solid var(--color-accent-light)!important;background-color:transparent!important;color:var(--color-text)!important}.cancel-btn:hover{background-color:#0000000d!important;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.submit-btn{border:none!important;background-color:var(--color-accent)!important;color:#fff!important}.submit-btn:hover{background-color:#c2a030!important;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.modal-content .delete-btn,.delete-confirmation-modal .delete-btn{border:1px solid #dc3545!important;background-color:#dc3545!important;color:#fff!important;display:flex;align-items:center;gap:8px}.modal-content .delete-btn:hover,.delete-confirmation-modal .delete-btn:hover{background-color:#c82333!important;border-color:#c82333!important;transform:translateY(-2px);box-shadow:0 4px 8px #dc35454d}.modal-content button{background:var(--color-accent);color:#fff;padding:12px 20px;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;transition:all .3s ease-in-out}.modal-content button:hover{background-color:#c2a030;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.contract-modal{max-width:700px!important;max-height:90vh;overflow-y:auto}.contract-modal::-webkit-scrollbar{width:6px}.contract-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.contract-modal::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:3px}.contract-modal::-webkit-scrollbar-thumb:hover{background:#c2a030}.subject-type-selector{margin-top:10px}.radio-group{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.radio-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:var(--color-text);transition:all .3s ease;padding:12px 20px;border-radius:8px;border:1px solid var(--color-accent-light);background-color:var(--color-bg);min-width:180px;justify-content:flex-start;flex:0 0 auto;max-width:250px;line-height:1}.radio-label:hover{background-color:#d4af371a;border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 8px #d4af3733}.radio-label input[type=radio]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radio-custom{width:18px;height:18px;min-width:18px;min-height:18px;border:2px solid var(--color-accent-light);border-radius:50%;margin-right:12px;position:relative;transition:all .3s ease;flex-shrink:0;background-color:var(--color-bg);display:inline-block;align-self:center}.radio-text{display:flex;align-items:center;line-height:1}.radio-label input[type=radio]:checked+.radio-custom{border-color:var(--color-accent);background-color:var(--color-accent);box-shadow:0 0 0 3px #d4af3733}.radio-label input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#fff;border-radius:50%;animation:radioCheck .3s ease}.radio-label input[type=radio]:checked{background-color:#d4af371a}.radio-label:has(input[type=radio]:checked){background-color:#d4af371a;border-color:var(--color-accent);box-shadow:0 2px 8px #d4af3733}@keyframes radioCheck{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.document-types-selection{margin-top:15px;padding:15px;background-color:#d4af370d;border-radius:8px;border:1px solid var(--color-accent-light);animation:slideDown .3s ease}.document-types-selection label{font-weight:500;color:var(--color-text);margin-bottom:10px}.custom-type-row{display:flex;gap:10px;margin-top:12px;flex-direction:column}.custom-type-row .form-input{flex:1;height:44px}.custom-type-add-btn{background:linear-gradient(135deg,var(--color-accent),#c2a030);color:#fff;border:none;padding:0 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;height:44px;white-space:nowrap}.custom-type-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}@media(max-width:576px){.custom-type-row{flex-direction:column}.custom-type-add-btn{width:100%}}.checkbox-group{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:400;color:var(--color-text);transition:all .3s ease;padding:8px 12px;border-radius:6px;border:1px solid transparent;flex:0 0 auto;white-space:nowrap}.checkbox-label:hover{background-color:#d4af371a;border-color:var(--color-accent-light)}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:18px;height:18px;min-width:18px;min-height:18px;border:2px solid var(--color-accent-light);border-radius:50%;margin-right:12px;position:relative;transition:all .3s ease;flex-shrink:0;background-color:var(--color-bg);display:inline-block}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{border-color:var(--color-accent);background-color:var(--color-accent)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#fff;border-radius:50%;animation:checkboxCheck .3s ease}@keyframes checkboxCheck{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.custom-subject-input{margin-top:15px;animation:slideDown .3s ease}.custom-subject-input input{background-color:#d4af370d;border:1px solid var(--color-accent-light)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}.form-row{display:flex;gap:15px;margin-bottom:20px}.form-group.half-width{flex:1;margin-bottom:0}.remaining-amount{padding:12px 16px;background-color:#d4af371a;border:1px solid var(--color-accent);border-radius:8px;font-size:16px;font-weight:600;color:var(--color-accent);text-align:center;animation:fadeIn .3s ease}.materials-btn{background:linear-gradient(135deg,var(--color-accent),#c2a030)!important;color:#fff!important;border:none!important;padding:12px 20px!important;border-radius:8px!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;transition:all .3s ease!important;width:100%!important;margin-top:10px!important}.materials-btn:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #d4af374d!important}.materials-upload{margin-top:15px;padding:20px;background-color:#d4af370d;border:2px dashed var(--color-accent-light);border-radius:8px;animation:slideDown .3s ease}.file-input{width:100%;padding:12px;border:1px solid var(--color-accent-light);border-radius:6px;background-color:var(--color-bg);cursor:pointer;transition:all .3s ease}.file-input:hover{border-color:var(--color-accent);background-color:#d4af370d}.uploaded-files{margin-top:15px}.uploaded-files h4{margin:0 0 10px;color:var(--color-text);font-size:14px;font-weight:600}.files-list{display:flex;flex-direction:column;gap:8px}.file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--color-bg);border:1px solid var(--color-accent-light);border-radius:6px;transition:all .3s ease;animation:fadeIn .3s ease}.file-item:hover{border-color:var(--color-accent);background-color:#d4af370d}.file-name{font-size:14px;color:var(--color-text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{background:#ff4757!important;color:#fff!important;border:none!important;width:24px!important;height:24px!important;border-radius:50%!important;cursor:pointer!important;font-size:16px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;min-width:unset!important;padding:0!important}.remove-file-btn:hover{background:#ff3838!important;transform:scale(1.1)!important}@media(max-width:768px){.contract-modal{max-width:95%!important;margin:10px}.form-row{flex-direction:column;gap:0}.form-group.half-width{margin-bottom:20px}.radio-group{flex-direction:column;gap:15px}.radio-label{min-width:100%;padding:15px 20px;font-size:16px}.radio-custom{width:18px;height:18px;min-width:18px;min-height:18px;margin-right:12px;display:inline-block}.checkbox-group{grid-template-columns:1fr}}@media(max-width:576px){.modal-content{width:95%;max-height:95vh}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.document-details{padding:20px 0}.detail-row{display:flex;align-items:center;margin-bottom:15px;padding:10px;background:var(--color-background-secondary);border-radius:8px;gap:10px}.detail-row strong{min-width:100px;color:var(--color-text);font-weight:600}.detail-row .status-badge{margin-left:10px}.form-input{width:100%;padding:12px 15px;border:2px solid var(--color-border);border-radius:10px;font-size:16px;background:var(--color-background);color:var(--color-text);transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #d4af371a}.form-input:hover{border-color:var(--color-accent)}[data-theme=dark] .detail-row{background:var(--color-background-secondary)}[data-theme=dark] .form-input{background:var(--color-background-secondary);border-color:#444;color:var(--color-text)}[data-theme=dark] .form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #d4af3733}[data-theme=dark] .form-input:hover{border-color:var(--color-accent)}.delete-modal{max-width:600px;width:95%;min-width:500px}.delete-modal .modal-content{padding:30px;min-height:300px}.delete-warning{text-align:center;padding:30px 20px}.warning-icon{color:#dc3545;margin-bottom:16px;opacity:.8}.delete-warning p{margin:12px 0;font-size:16px;color:var(--color-text)}.document-info{background:var(--color-bg-alt);border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin:20px 0;text-align:left}.document-info strong{color:var(--color-accent);font-size:16px;display:block;margin-bottom:8px}.client-name{color:var(--color-muted);font-size:14px}.warning-text{color:#dc3545;font-weight:500;font-size:14px;margin-top:16px!important}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px;border-top:1px solid #e0e0e0;background:var(--color-bg-alt)}.confirm-delete{background:#dc3545;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.confirm-delete:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.confirm-delete:active{transform:translateY(0)}[data-theme=dark] .document-info,[data-theme=dark] .modal-actions{background:var(--color-background-secondary);border-color:#444}@media(max-width:1024px){.documents-container{padding:16px}.documents-title{font-size:22px;margin-bottom:16px}.documents-filters{gap:12px}.search-container{min-width:250px}.filter-selects{gap:8px}}@media(max-width:768px){.documents-container{padding:12px;border-radius:8px}.documents-title{font-size:20px;margin-bottom:12px;text-align:center}.documents-filters{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.search-container{min-width:unset;width:100%}.filter-selects{flex-direction:column;gap:8px}.filter-select{width:100%;font-size:14px}.documents-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.documents-table{min-width:600px;font-size:13px}.documents-table th,.documents-table td{padding:12px 8px;font-size:12px}.documents-table th{font-size:11px}.documents-table th:nth-child(3),.documents-table td:nth-child(3){display:none}.documents-table th:nth-child(5),.documents-table td:nth-child(5){display:none}.documents-table th:nth-child(6),.documents-table td:nth-child(6){display:none}.actions-cell{min-width:80px}.action-btn{padding:6px;min-width:32px;height:32px}.modal-overlay{padding:10px}.modal-content{width:95%;max-width:none;margin:0;border-radius:8px}.modal-header{padding:16px}.modal-title{font-size:18px}.modal-body{padding:16px;max-height:70vh}.form-group{margin-bottom:16px}.form-row{flex-direction:column;gap:16px}.form-group.half-width{width:100%}.modal-actions{padding:16px;flex-direction:column;gap:8px}.btn{width:100%;justify-content:center}}@media(max-width:480px){.documents-container{padding:8px}.documents-title{font-size:18px}.documents-table-container{border:none;box-shadow:none;background:transparent}.documents-table{display:block;width:100%}.documents-table thead{display:none}.documents-table tbody{display:block;width:100%}.documents-table tr{display:block;margin-bottom:12px;background:var(--color-bg-alt);border-radius:12px;padding:12px;box-shadow:0 2px 8px #00000014;border:1px solid var(--color-border)}.documents-table tr:hover{transform:none;box-shadow:0 4px 12px #0000001f}.documents-table tr.selected-contract{border-left:4px solid var(--color-accent)}.documents-table td{display:block;text-align:left;border:none;position:relative;padding:8px 0 8px 45%}.documents-table td:before{content:attr(data-label);position:absolute;left:0;width:40%;padding-right:10px;font-weight:600;color:var(--color-accent);text-align:left}.documents-table td:first-child{padding-top:0;font-weight:700;font-size:14px}.documents-table td:last-child{padding-bottom:0;padding-left:0}.actions-cell{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.action-btn{flex:1;padding:8px;min-width:unset;height:36px}.modal-content{width:98%}.modal-header,.modal-body,.modal-actions{padding:12px}.auto-fill-btn{position:static!important;transform:none!important;margin-bottom:12px;width:100%}.modal-close-btn{position:absolute!important;right:12px!important;top:12px!important}}[data-theme=dark] .documents-container{background:var(--color-bg-alt);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .documents-title{color:var(--color-accent)}[data-theme=dark] .search-input{background-color:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #d4af3733}[data-theme=dark] .search-input-icon{color:var(--color-muted)}[data-theme=dark] .filter-select{background-color:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .filter-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #d4af3733}[data-theme=dark] .new-document-btn{background-color:var(--color-accent);color:var(--color-button-text)}[data-theme=dark] .new-document-btn:hover{background-color:var(--color-accent-light)}[data-theme=dark] .documents-table-container{background:var(--color-bg);border-color:var(--color-border);box-shadow:0 4px 20px #0000004d}[data-theme=dark] .documents-table{background:var(--color-bg)}[data-theme=dark] .documents-table th,[data-theme=dark] .documents-table td{border-bottom-color:var(--color-border)}[data-theme=dark] .documents-table th{background:var(--color-accent);color:var(--color-button-text)}[data-theme=dark] .documents-table tr:hover{background-color:#d4af371a}[data-theme=dark] .documents-table tr.selected-contract{background-color:#d4af3726;border-left-color:var(--color-accent)}[data-theme=dark] .documents-table td:first-child{color:var(--color-accent)}[data-theme=dark] .documents-table td:nth-child(2){color:var(--color-text)}[data-theme=dark] .documents-table td:nth-child(3){color:var(--color-muted)}[data-theme=dark] .documents-table td:nth-child(5){color:var(--color-text-secondary)}[data-theme=dark] .documents-table td:nth-child(6){color:var(--color-text)}[data-theme=dark] .no-documents{color:var(--color-muted);background-color:#ffffff0d}[data-theme=dark] .modal-overlay{background-color:#000000bf}[data-theme=dark] .modal-content{background:var(--color-bg-alt)}[data-theme=dark] .modal-header{border-bottom-color:var(--color-border)}[data-theme=dark] .modal-header h3{color:var(--color-accent)}[data-theme=dark] .modal-close-btn{color:var(--color-muted)}[data-theme=dark] .modal-close-btn:hover{color:var(--color-accent);background-color:#d4af371a!important}[data-theme=dark] .document-form{background:transparent}[data-theme=dark] .form-group label{color:var(--color-text)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background-color:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #d4af3733}[data-theme=dark] .cancel-btn{border-color:var(--color-border)!important;background-color:transparent!important;color:var(--color-text)!important}[data-theme=dark] .cancel-btn:hover{background-color:#ffffff0d!important}[data-theme=dark] .submit-btn{background-color:var(--color-accent)!important;color:var(--color-button-text)!important}[data-theme=dark] .submit-btn:hover{background-color:var(--color-accent-light)!important}[data-theme=dark] .detail-row{background:var(--color-bg)}[data-theme=dark] .document-info{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .modal-actions{background:var(--color-bg-alt);border-top-color:var(--color-border)}[data-theme=dark] .radio-label{color:var(--color-text);border-color:var(--color-border);background-color:var(--color-bg)}[data-theme=dark] .radio-label:hover{background-color:#d4af371a;border-color:var(--color-accent)}[data-theme=dark] .radio-custom{border-color:var(--color-border);background-color:var(--color-bg)}[data-theme=dark] .checkbox-label{color:var(--color-text)}[data-theme=dark] .checkbox-label:hover{background-color:#d4af371a;border-color:var(--color-border)}[data-theme=dark] .checkbox-custom{border-color:var(--color-border);background-color:var(--color-bg)}[data-theme=dark] .document-types-selection{background-color:#d4af3714;border-color:var(--color-border)}[data-theme=dark] .custom-subject-input input{background-color:#d4af3714;border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .remaining-amount{background-color:#d4af3726;border-color:var(--color-accent);color:var(--color-accent-light)}[data-theme=dark] .materials-upload{background-color:#d4af3714;border-color:var(--color-border)}[data-theme=dark] .file-input{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .file-input:hover{border-color:var(--color-accent);background-color:#d4af3714}[data-theme=dark] .file-item{background-color:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .file-item:hover{border-color:var(--color-accent);background-color:#d4af3714}[data-theme=dark] .file-name{color:var(--color-text)}[data-theme=dark] .warning-text{color:#ff7875}@media(max-width:1024px)and (min-width:769px){.documents-container{padding:20px}.documents-title{font-size:24px}.documents-filters{gap:12px}.filter-select{min-width:140px}}@media(max-width:768px){.documents-container{padding:16px}.documents-title{font-size:22px;margin-bottom:20px}.documents-filters{flex-direction:column;align-items:stretch;gap:12px}.search-container{width:100%;min-width:100%}.filter-selects{flex-direction:column;width:100%;gap:10px}.filter-select{width:100%;min-width:100%}.new-document-btn{width:100%;padding:14px;font-size:15px}.documents-grid{grid-template-columns:1fr;gap:16px}.document-card{padding:16px}}@media(max-width:480px){.documents-container{padding:12px}.documents-title{font-size:20px;margin-bottom:16px}.search-input,.filter-select{padding:12px;font-size:15px}.document-card{padding:14px}.document-card h3{font-size:16px}.document-card p{font-size:13px}}@media(min-width:1440px){.documents-container{padding:32px}.documents-title{font-size:32px;margin-bottom:28px}.documents-filters{gap:20px}.filter-select{min-width:180px}.documents-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.document-card{padding:24px}}@media(max-width:768px)and (orientation:landscape){.documents-filters{flex-direction:row;flex-wrap:wrap}.search-container{flex:1;min-width:250px}.filter-selects{flex-direction:row;flex:1}.filter-select{flex:1;min-width:120px}}@media(hover:none)and (pointer:coarse){.search-input,.filter-select,.new-document-btn{min-height:48px;font-size:16px}.document-card{cursor:default}.document-card button{min-height:44px;min-width:44px}}.documents-container,.documents-filters,.document-card,.search-input,.filter-select,.new-document-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}@supports (padding: max(0px)){.documents-container{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom))}}.delete-modal{max-width:540px;animation:modalZoomIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalZoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.delete-modal .modal-header{background:linear-gradient(135deg,#ef444414,#dc26260d);border-bottom:2px solid rgba(239,68,68,.2);padding:24px 28px}.delete-modal .modal-header h3{color:#ef4444;font-size:22px;font-weight:700;letter-spacing:-.3px}.delete-warning{text-align:center;padding:40px 32px 32px;background:var(--color-bg)}.warning-icon{color:#ef4444;margin-bottom:24px;opacity:1;filter:drop-shadow(0 4px 12px rgba(239,68,68,.3));animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.delete-warning p{margin:20px 0;font-size:17px;color:var(--color-text);line-height:1.6;font-weight:500}.document-info{background:linear-gradient(135deg,#d4af3714,#d4af370a);border:2px solid rgba(212,175,55,.3);border-radius:12px;padding:24px;margin:24px 0;text-align:left;box-shadow:0 4px 16px #00000014;transition:all .3s ease}.document-info:hover{border-color:var(--color-accent);box-shadow:0 6px 20px #d4af3733}.document-info strong{color:var(--color-accent);font-size:18px;display:block;margin-bottom:12px;font-weight:700;line-height:1.4}.client-name{color:var(--color-muted);font-size:15px;font-weight:500;display:flex;align-items:center;gap:8px}.client-name:before{content:"👤";font-size:16px}.warning-text{color:#ef4444!important;font-weight:600!important;font-size:15px!important;margin-top:20px!important;padding:12px 20px;background:#ef444414;border-radius:8px;border-left:4px solid #ef4444;display:inline-block}.delete-modal .form-actions{padding:20px 28px 28px;background:var(--color-bg-alt);border-top:1px solid var(--color-border);gap:12px;display:flex;justify-content:flex-end;align-items:center}.delete-modal .form-actions .delete-btn.confirm-delete,.delete-modal .confirm-delete,button.confirm-delete{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border:none!important;padding:14px 28px!important;border-radius:10px!important;font-weight:700!important;font-size:16px!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:10px!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;min-width:180px!important;height:52px!important;justify-content:center!important;box-shadow:0 4px 16px #ef444459!important;position:relative!important;overflow:hidden!important;opacity:1!important;visibility:visible!important;z-index:10!important}.delete-modal .form-actions .delete-btn.confirm-delete:before,.delete-modal .confirm-delete:before,button.confirm-delete:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s;z-index:1}.delete-modal .form-actions .delete-btn.confirm-delete:hover:before,.delete-modal .confirm-delete:hover:before,button.confirm-delete:hover:before{left:100%}.delete-modal .form-actions .delete-btn.confirm-delete:hover,.delete-modal .confirm-delete:hover,button.confirm-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-3px) scale(1.02)!important;box-shadow:0 8px 24px #ef444480!important}.delete-modal .form-actions .delete-btn.confirm-delete:active,.delete-modal .confirm-delete:active,button.confirm-delete:active{transform:translateY(-1px) scale(.98)!important;box-shadow:0 4px 12px #ef444466!important}.delete-modal .form-actions .delete-btn.confirm-delete svg,.delete-modal .confirm-delete svg,button.confirm-delete svg{color:#fff!important;stroke:#fff!important;fill:none!important;opacity:1!important;visibility:visible!important;z-index:2!important;position:relative!important}.delete-modal .cancel-btn{height:52px!important;font-size:16px!important;font-weight:600!important;min-width:140px!important;border:2px solid var(--color-border)!important;transition:all .3s ease!important}.delete-modal .cancel-btn:hover{border-color:var(--color-accent)!important;background-color:#d4af3714!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #0000001a!important}[data-theme=dark] .delete-modal .modal-header{background:linear-gradient(135deg,#ef44441f,#dc262614);border-bottom-color:#ef44444d}[data-theme=dark] .delete-modal .modal-header h3{color:#f87171}[data-theme=dark] .delete-warning{background:var(--color-bg)}[data-theme=dark] .document-info{background:linear-gradient(135deg,#d4af371f,#d4af370f);border-color:#d4af3766;box-shadow:0 4px 16px #0000004d}[data-theme=dark] .document-info:hover{border-color:var(--color-accent);box-shadow:0 6px 20px #d4af374d}[data-theme=dark] .warning-icon{color:#f87171;filter:drop-shadow(0 4px 12px rgba(248,113,113,.4))}[data-theme=dark] .warning-text{background:#ef444426;color:#fca5a5!important}[data-theme=dark] .delete-modal .form-actions{background:var(--color-bg);border-top-color:#ffffff1a}@media(max-width:576px){.delete-modal{max-width:95%}.delete-modal .modal-header{padding:20px}.delete-modal .modal-header h3{font-size:19px}.delete-warning{padding:32px 20px 24px}.warning-icon{font-size:42px!important}.delete-warning p{font-size:15px}.document-info{padding:20px}.document-info strong{font-size:16px}.delete-modal .form-actions{flex-direction:column-reverse;padding:16px 20px 20px}.confirm-delete,.delete-modal .cancel-btn{width:100%!important;min-width:unset!important}}.ant-modal-confirm.ant-modal-confirm-error{max-width:480px!important}.ant-modal-confirm.ant-modal-confirm-error .ant-modal-content{border-radius:16px!important;padding:32px!important;box-shadow:0 12px 48px #0000004d!important}.ant-modal-confirm.ant-modal-confirm-error .ant-modal-body{padding:0!important}.ant-modal-confirm.ant-modal-confirm-error .ant-modal-confirm-title{font-size:22px!important;font-weight:700!important;margin-bottom:12px!important;color:var(--color-accent)!important;line-height:1.4!important}.ant-modal-confirm.ant-modal-confirm-error .ant-modal-confirm-content{font-size:15px!important;line-height:1.6!important;margin-top:12px!important;margin-bottom:20px!important}.ant-modal-confirm.ant-modal-confirm-error .anticon{font-size:52px!important;margin-bottom:20px!important}.ant-modal-confirm.ant-modal-confirm-error .anticon-exclamation-circle{color:#ff4d4f!important}.ant-modal-confirm.ant-modal-confirm-error .ant-modal-confirm-btns{margin-top:28px!important;display:flex!important;gap:12px!important;justify-content:flex-end!important}.ant-modal-confirm.ant-modal-confirm-error .ant-modal-confirm-btns .ant-btn{height:42px!important;padding:0 28px!important;font-size:15px!important;font-weight:600!important;border-radius:8px!important;transition:all .3s ease!important;min-width:110px!important;border:none!important}:root[data-theme=dark] .ant-modal-confirm.ant-modal-confirm-error .ant-modal-content{background-color:#2a2a2a!important}:root[data-theme=dark] .ant-modal-confirm.ant-modal-confirm-error .ant-modal-confirm-content{color:#f5f5f7!important}:root[data-theme=dark] .ant-modal-confirm.ant-modal-confirm-error .ant-modal-confirm-btns .ant-btn-primary{background:linear-gradient(135deg,#ff4d4f,#ff7875)!important;color:#fff!important;box-shadow:0 4px 16px #ff4d4f66!important}:root[data-theme=dark] .ant-modal-confirm.ant-modal-confirm-error .ant-modal-confirm-btns .ant-btn-primary:hover{background:linear-gradient(135deg,#ff7875,#ffa39e)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #ff4d4f80!important}:root[data-theme=dark] .ant-modal-confirm.ant-modal-confirm-error .ant-modal-confirm-btns .ant-btn-default{background-color:#3a3a3a!important;color:#f5f5f7!important;box-shadow:0 2px 8px #0003!important}:root[data-theme=dark] .ant-modal-confirm.ant-modal-confirm-error .ant-modal-confirm-btns .ant-btn-default:hover{background-color:#4a4a4a!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #0000004d!important}:root:not([data-theme=dark]) .ant-modal-confirm.ant-modal-confirm-error .ant-modal-content{background-color:#fff!important}:root:not([data-theme=dark]) .ant-modal-confirm.ant-modal-confirm-error .ant-modal-confirm-content{color:#1d1d1f!important}:root:not([data-theme=dark]) .ant-modal-confirm.ant-modal-confirm-error .ant-modal-confirm-btns .ant-btn-primary{background:linear-gradient(135deg,#ff4d4f,#ff7875)!important;color:#fff!important;box-shadow:0 4px 16px #ff4d4f66!important}:root:not([data-theme=dark]) .ant-modal-confirm.ant-modal-confirm-error .ant-modal-confirm-btns .ant-btn-primary:hover{background:linear-gradient(135deg,#ff7875,#ffa39e)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #ff4d4f80!important}:root:not([data-theme=dark]) .ant-modal-confirm.ant-modal-confirm-error .ant-modal-confirm-btns .ant-btn-default{background-color:#f5f5f5!important;color:#1d1d1f!important;box-shadow:0 2px 8px #0000001a!important}:root:not([data-theme=dark]) .ant-modal-confirm.ant-modal-confirm-error .ant-modal-confirm-btns .ant-btn-default:hover{background-color:#e8e8e8!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #00000026!important}.arrivals-container{padding:20px;background:var(--color-bg-alt);border-radius:15px;box-shadow:0 4px 12px #0000001a;animation:fadeIn .5s ease-in-out}.arrivals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.arrivals-title{font-size:24px;font-weight:600;color:var(--color-accent);margin:0}.add-arrival-btn{background-color:var(--color-accent);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:500;cursor:pointer;transition:all .3s ease}.add-arrival-btn:hover{background-color:#c2a030;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.add-arrival-form{background-color:var(--color-bg);padding:20px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--color-text)}.form-group input{width:100%;padding:10px 12px;border-radius:6px;border:1px solid var(--color-accent-light);background-color:var(--color-bg);color:var(--color-text);font-size:14px;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #d4af3733}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.save-btn,.cancel-btn{padding:10px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn{background-color:var(--color-accent);color:#fff;border:none}.save-btn:hover{background-color:#c2a030}.cancel-btn{background-color:transparent;color:var(--color-muted);border:1px solid var(--color-muted)}.cancel-btn:hover{background-color:#0000000d;color:var(--color-text)}.arrivals-table-container{overflow-x:auto;border-radius:10px;box-shadow:0 2px 8px #0000001a}.arrivals-table{width:100%;border-collapse:collapse;background-color:var(--color-bg);border-radius:10px;overflow:hidden}.arrivals-table th{background-color:var(--color-accent);color:#fff;padding:14px 16px;text-align:left;font-weight:600;font-size:14px}.arrivals-table td{padding:14px 16px;border-bottom:1px solid var(--color-accent-light);font-size:14px;color:var(--color-text)}.arrivals-table tr:last-child td{border-bottom:none}.arrivals-table tr:hover{background-color:#d4af370d}.not-arrived{background-color:#e74c3c1a}.not-arrived:hover{background-color:#e74c3c26!important}.checkbox-cell{text-align:center}.arrivals-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer;transition:transform .2s ease}.arrivals-table input[type=checkbox]:hover{transform:scale(1.1)}.arrivals-table input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.no-data{text-align:center;padding:30px;color:var(--color-muted);font-style:italic}@media(max-width:768px){.arrivals-header{flex-direction:column;align-items:flex-start;gap:12px}.add-arrival-btn{width:100%}.arrivals-table th,.arrivals-table td{padding:12px 8px;font-size:13px}.form-actions{flex-direction:column}.save-btn,.cancel-btn{width:100%}}.loading-indicator{text-align:center;padding:30px;font-size:16px;color:var(--color-accent);background-color:rgba(var(--color-accent-rgb),.05);border-radius:8px;margin:20px 0}.save-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.save-btn:disabled:hover{background-color:#ccc;transform:none;box-shadow:none}.expenses-container{padding:20px;background:var(--color-bg-alt);border-radius:15px;box-shadow:0 4px 12px #0000001a;animation:fadeIn .5s ease-in-out}.expenses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.expenses-title{font-size:24px;font-weight:600;color:var(--color-accent);margin:0}.expenses-summary{font-size:16px;color:var(--color-text)}.expenses-total{font-weight:600;color:var(--color-accent);font-size:18px;margin-left:5px}.expenses-table-container{overflow-x:auto;border-radius:10px;box-shadow:0 2px 8px #0000001a}.expenses-table{width:100%;border-collapse:collapse;background-color:var(--color-bg);border-radius:10px;overflow:hidden}.expenses-table th{background-color:var(--color-accent);color:#fff;padding:14px 16px;text-align:left;font-weight:600;font-size:14px}.expenses-table td{padding:14px 16px;border-bottom:1px solid var(--color-accent-light);font-size:14px;color:var(--color-text)}.expense-category{cursor:pointer;transition:background-color .2s ease}.expense-category:hover{background-color:#d4af370d}.expense-category.expanded{background-color:#d4af371a}.expense-details{background-color:var(--color-bg-alt)}.expense-details td{padding:0;border-bottom:1px solid var(--color-accent-light)}.expense-details-list{list-style:none;padding:16px;margin:0}.expense-details-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--color-accent-light)}.expense-details-list li:last-child{border-bottom:none}.expense-details-list.editable li{gap:16px;align-items:center;padding:10px 0}.expense-details-list li input{flex:1;padding:8px 12px;border-radius:6px;border:1px solid var(--color-accent-light);background-color:var(--color-bg);color:var(--color-text);font-size:14px}.expense-details-list li input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #d4af3733}.amount-container{display:flex;align-items:center;gap:8px;min-width:200px}.currency{color:var(--color-muted)}.remove-item-btn{background-color:#e74c3c1a;color:#e74c3c;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s ease}.remove-item-btn:hover{background-color:#e74c3c33;transform:scale(1.1)}.expenses-edit-btn,.expenses-save-btn,.expenses-cancel-btn,.add-item-btn{padding:8px 12px;border-radius:6px;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;border:none}.expenses-edit-btn{background-color:var(--color-accent);color:#fff}.expenses-edit-btn:hover{background-color:#c2a030}.expenses-save-btn{background-color:#4ad991;color:#fff}.expenses-save-btn:hover{background-color:#3db87a}.expenses-cancel-btn{background-color:#e0e0e0;color:#333;margin-left:8px}.expenses-cancel-btn:hover{background-color:#d0d0d0}.action-buttons{display:flex;white-space:nowrap}.expense-edit-container{padding:16px}.add-expense-item{display:flex;margin-top:16px;gap:12px;align-items:center}.add-expense-item input{flex:1;padding:8px 12px;border-radius:6px;border:1px solid var(--color-accent-light);background-color:var(--color-bg);color:var(--color-text);font-size:14px}.add-expense-item input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #d4af3733}.add-item-btn{background-color:var(--color-accent);color:#fff;white-space:nowrap}.add-item-btn:hover{background-color:#c2a030}.add-item-btn:disabled{background-color:#ccc;cursor:not-allowed}@media(max-width:768px){.expenses-header{flex-direction:column;align-items:flex-start;gap:12px}.expense-details-list.editable li{flex-direction:column;align-items:flex-start;gap:10px}.amount-container{width:100%}.add-expense-item{flex-direction:column;width:100%}.action-buttons{flex-direction:column;gap:10px;width:100%}.expenses-cancel-btn{margin-left:0}.expenses-table th,.expenses-table td{padding:10px 8px;font-size:13px}.expenses-title{font-size:20px}}.expenses-actions{display:flex;align-items:center;justify-content:space-between;width:100%}.action-buttons-group{display:flex;gap:10px}.add-category-btn,.add-salary-btn{background-color:var(--color-accent);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:500;cursor:pointer;transition:all .3s ease}.add-salary-btn{background-color:#4ad991}.add-category-btn:hover{background-color:#c2a030;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.add-salary-btn:hover{background-color:#3db87a;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.add-category-form{display:flex;gap:12px;margin-bottom:20px;background-color:var(--color-bg);padding:16px;border-radius:10px;box-shadow:0 2px 8px #0000001a;animation:slideDown .3s ease}.add-category-form input{flex-grow:1;padding:10px 12px;border-radius:6px;border:1px solid var(--color-accent-light);background-color:var(--color-bg);color:var(--color-text);font-size:14px}.add-category-form input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #d4af3733}.add-category-form button{padding:10px 16px;border-radius:6px;background-color:var(--color-accent);color:#fff;border:none;font-weight:500;cursor:pointer;transition:all .2s ease}.add-category-form button:hover:not(:disabled){background-color:#c2a030}.add-category-form button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.add-category-info{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;background-color:var(--color-bg);padding:16px;border-radius:10px;box-shadow:0 2px 8px #0000001a;animation:slideDown .3s ease}.add-category-info p{margin:0;color:var(--color-text);line-height:1.5}.add-category-info button{padding:10px 16px;border-radius:6px;background-color:#4ad991;color:#fff;border:none;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start}.add-category-info button:hover:not(:disabled){background-color:#3db87a}.add-category-info button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.no-data-message{text-align:center;padding:40px;color:#888;font-style:italic;background-color:#00000008;border-radius:8px;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.expenses-actions{flex-direction:column;align-items:flex-start;gap:12px}.action-buttons-group{flex-direction:column;width:100%}.add-category-btn,.add-salary-btn{width:100%}.add-category-form{flex-direction:column}}.reception-container{padding:20px;background:var(--color-bg-alt);border-radius:15px;box-shadow:0 4px 12px #0000001a;animation:fadeIn .5s ease-in-out}.reception-title{font-size:24px;font-weight:600;color:var(--color-accent);margin-bottom:20px}.chat-container{display:flex;gap:20px;max-width:1200px;margin:0 auto}.office-list{width:250px;background:var(--color-bg);border-radius:12px;padding:15px;box-shadow:0 4px 12px #0000001a}.office-list h3{font-size:18px;margin-bottom:15px;color:var(--color-accent);font-weight:600}.office-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px;margin-bottom:10px;background:var(--color-bg-alt);border:none;border-radius:8px;color:var(--color-text);font-size:16px;cursor:pointer;transition:all .3s ease}.office-item:hover{background:var(--color-accent-light);transform:translate(5px)}.office-item.active{background:var(--color-accent);color:#fff;box-shadow:0 0 10px #d4af3780}.office-name-label{font-weight:500}.status-indicator{margin-left:10px}.status-indicator.online{color:#4ad991}.status-indicator.offline{color:var(--color-muted)}.chat-section{flex:1;background:var(--color-bg);border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column}.chat-header{padding-bottom:15px;border-bottom:1px solid var(--color-accent-light)}.chat-header h3{font-size:18px;color:var(--color-text);font-weight:600}.office-name{color:var(--color-accent);font-weight:600}.messages-container{flex:1;max-height:500px;overflow-y:auto;padding:15px 0}.message{display:flex;align-items:flex-start;margin-bottom:15px;max-width:70%}.message.mine{margin-left:auto;flex-direction:row-reverse}.message-content{background:var(--color-bg-alt);padding:12px 16px;border-radius:12px;position:relative;box-shadow:0 2px 4px #00000014;max-width:100%}.message.mine .message-content{background:linear-gradient(135deg,var(--color-accent) 0%,#c2a030 100%);color:#fff;border-radius:12px}.sender{font-size:14px;font-weight:600;margin-bottom:5px;display:block}.text{margin:0;font-size:16px;word-wrap:break-word}.message-footer{display:flex;justify-content:space-between;align-items:center;margin-top:5px;font-size:12px;color:var(--color-muted)}.message.mine .message-footer{color:#fffc}.timestamp{opacity:.8}.read-status{margin-left:5px}.delete-btn{background:none;border:none;color:var(--color-accent);cursor:pointer;padding:5px;margin:0 10px;opacity:0;transition:opacity .2s}.message:hover .delete-btn{opacity:1}.delete-btn:hover{color:#c2a030}.input-section{display:flex;gap:10px;padding-top:15px;border-top:1px solid var(--color-accent-light)}.input-section textarea{flex:1;padding:12px;border:none;border-radius:8px;background:var(--color-bg-alt);color:var(--color-text);font-size:16px;resize:none;height:60px;outline:none}.input-section textarea:focus{box-shadow:0 0 5px #d4af3780}.send-button{padding:12px 24px;background:var(--color-accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.send-button:hover{background:#c2a030;transform:translateY(-2px)}@media(max-width:768px){.chat-container{flex-direction:column}.office-list{width:100%;margin-bottom:15px}.message{max-width:85%}.input-section{flex-direction:column;gap:10px}.input-section textarea,.send-button{width:100%}}.materials-container{padding:20px;background:var(--color-bg-alt);border-radius:15px;box-shadow:0 4px 12px #0000001a;animation:fadeIn .5s ease-in-out}.materials-title{font-size:24px;font-weight:600;color:var(--color-accent);margin-bottom:20px}.button-group{display:flex;gap:15px;margin-bottom:20px}.open-modal-btn,.open-tech-task-btn{background:var(--color-accent);color:#fff;padding:12px 20px;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease-in-out}.open-modal-btn:hover,.open-tech-task-btn:hover{background:#c2a030;transform:scale(1.05);box-shadow:0 4px 8px #0003}.cases-list{margin-top:20px;display:flex;flex-direction:column;gap:15px}.case-item{background:var(--color-bg);padding:15px;border:2px solid var(--color-accent-light);border-radius:10px;cursor:pointer;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.case-item:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003;border-color:var(--color-accent)}.case-item h3{margin-top:0;color:var(--color-accent);font-size:18px;font-weight:600}.case-item p{margin:8px 0;color:var(--color-text)}.case-item strong{color:var(--color-text-dark);font-weight:600}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:modalFadeIn .5s ease-in-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-content{background:var(--color-bg);padding:30px;border-radius:20px;max-width:90%;width:600px;max-height:80%;overflow-y:auto;box-shadow:0 10px 30px #0000004d;position:relative;animation:scaleIn .3s ease-in-out}@keyframes scaleIn{0%{transform:scale(.9)}to{transform:scale(1)}}.close-button{position:absolute;top:15px;right:15px;font-size:22px;font-weight:700;color:var(--color-text);cursor:pointer;transition:color .3s ease}.close-button:hover{color:var(--color-accent)}.modal-content h3{text-align:center;font-size:22px;font-weight:600;color:var(--color-accent);margin-bottom:20px}.modal-content input,.modal-content textarea,.modal-content select{display:block;width:100%;margin-bottom:20px;padding:14px;font-size:16px;border:2px solid var(--color-accent-light);border-radius:10px;background:var(--color-bg);color:var(--color-text);transition:border .3s ease,box-shadow .3s ease}.modal-content input:focus,.modal-content textarea:focus,.modal-content select:focus{border-color:var(--color-accent);box-shadow:0 4px 8px #0000001a;outline:none}.modal-content button{background:var(--color-accent);color:#fff;padding:12px 20px;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;width:100%;transition:all .3s ease-in-out}.modal-content button:hover{background:#c2a030;transform:translateY(-3px);box-shadow:0 4px 8px #0003}.case-details p{margin:10px 0;font-size:16px;color:var(--color-text)}.case-details strong{color:var(--color-accent);font-weight:600}.file-upload-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--color-accent-light)}.file-upload-section h4{color:var(--color-accent);margin-bottom:10px;font-size:18px;font-weight:600}.file-upload-section input{margin-bottom:10px}.file-upload-section button{width:auto;display:inline-block}.file-upload-section button:disabled{background:var(--color-muted);cursor:not-allowed;transform:none;box-shadow:none}.documents-list{margin-top:20px;padding-top:20px;border-top:1px solid var(--color-accent-light)}.documents-list h4{color:var(--color-accent);margin-bottom:10px;font-size:18px;font-weight:600}.documents-list ul{list-style-type:none;padding:0}.documents-list li{padding:8px 0;border-bottom:1px dashed var(--color-accent-light);color:var(--color-text)}.documents-list li:last-child{border-bottom:none}.no-cases{text-align:center;padding:40px;color:#888;font-style:italic;background-color:#00000008;border-radius:8px}button:disabled{opacity:.6;cursor:not-allowed;background-color:#ccc}button:disabled:hover{transform:none;background-color:#ccc}@media(max-width:768px){.modal-content{width:95%;padding:20px}.button-group{flex-direction:column;width:100%}.open-modal-btn,.open-tech-task-btn{width:100%;padding:12px 15px;font-size:15px}.case-item{padding:12px}.case-item h3{font-size:16px}.case-item p{font-size:14px}.modal-content h3{font-size:18px}.modal-content input,.modal-content textarea,.modal-content select{padding:12px;font-size:14px}}.clients-container{padding:24px;background:var(--color-bg);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.clients-title{font-size:28px;font-weight:700;color:var(--color-text);margin-bottom:24px;display:flex;align-items:center;gap:12px}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%}@media(max-width:1024px){.clients-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}}.client-item{background:var(--color-bg-alt);padding:20px;border-radius:12px;border:1px solid var(--color-border);display:flex;flex-direction:column;transition:all .2s ease;cursor:pointer}.client-item:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #d4af3726;transform:translateY(-2px)}.client-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--color-accent-light)}.client-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text)}.contract-number{background:var(--color-accent);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.client-details{flex:1}.client-details p{margin:8px 0;color:var(--color-text)}.client-details strong{color:var(--color-accent);font-weight:600}.expert-documents{margin-top:15px;padding-top:15px;border-top:1px solid var(--color-accent-light)}.expert-documents h4{color:var(--color-accent);margin-bottom:10px;font-size:16px;font-weight:600}.expert-documents ul{padding:0 0 0 20px;list-style-type:disc;color:var(--color-text)}.expert-documents li{margin:5px 0;padding:3px 0}.expert-documents a{color:var(--color-accent);text-decoration:none}.expert-documents a:hover{text-decoration:underline;color:#c2a030}.no-documents{margin:15px 0;color:var(--color-muted);font-style:italic;padding-top:15px;border-top:1px solid var(--color-accent-light)}.client-actions{display:flex;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid var(--color-accent-light)}.action-btn{flex:1;padding:10px;border:none;border-radius:6px;background:var(--color-bg-alt);color:var(--color-text);font-weight:600;cursor:pointer}.action-btn:hover{background:var(--color-accent);color:#fff}@media(max-width:768px){.clients-container{padding:16px}.clients-title{font-size:22px;margin-bottom:20px}.clients-grid{grid-template-columns:1fr;gap:16px}.client-item{padding:16px}.client-header{flex-direction:column;align-items:flex-start;gap:10px}.contract-number{align-self:flex-start}.client-actions{flex-direction:column;gap:10px}.action-btn{width:100%;padding:14px;font-size:15px}}@media(max-width:480px){.clients-container{padding:12px}.clients-title{font-size:20px;margin-bottom:16px}.client-item{padding:14px}.client-header h3{font-size:17px}.client-details p{font-size:14px;margin:8px 0}.expert-documents h4{font-size:15px}.expert-documents li{font-size:14px}}@media(max-width:1024px)and (min-width:769px){.clients-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}}@media(min-width:1440px){.clients-container{padding:32px}.clients-title{font-size:32px;margin-bottom:28px}.clients-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.client-item{padding:24px}}@media(hover:none)and (pointer:coarse){.action-btn{min-height:48px;font-size:16px}.client-item{cursor:default}}.clients-container,.client-item,.action-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.loading-indicator{text-align:center;padding:30px;font-size:16px;color:var(--color-accent);background-color:#d4af370d;border-radius:8px;margin:20px 0;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.error-message{background-color:#ff4c4c1a;border-left:4px solid #ff4c4c;color:#ff4c4c;padding:12px 16px;margin-bottom:20px;border-radius:4px;font-size:14px}.no-clients{grid-column:1 / -1;text-align:center;padding:40px;color:#888;font-style:italic;background-color:#00000008;border-radius:8px;width:100%}[data-theme=dark] .clients-container{background:var(--color-bg-alt);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .clients-title{color:var(--color-accent)}[data-theme=dark] .client-item{background:var(--color-bg);box-shadow:0 4px 8px #0003;border-left-color:transparent}[data-theme=dark] .client-item:hover{border-left-color:var(--color-accent)}[data-theme=dark] .client-header{border-bottom-color:var(--color-border)}[data-theme=dark] .client-header h3{color:var(--color-text)}[data-theme=dark] .contract-number{background:var(--color-accent);color:var(--color-button-text)}[data-theme=dark] .client-details p{color:var(--color-text)}[data-theme=dark] .client-details strong{color:var(--color-accent)}[data-theme=dark] .expert-documents{border-top-color:var(--color-border)}[data-theme=dark] .expert-documents h4{color:var(--color-accent)}[data-theme=dark] .expert-documents ul{color:var(--color-text)}[data-theme=dark] .expert-documents a{color:var(--color-accent)}[data-theme=dark] .expert-documents a:hover{color:var(--color-accent-light)}[data-theme=dark] .no-documents{color:var(--color-muted);border-top-color:var(--color-border)}[data-theme=dark] .client-actions{border-top-color:var(--color-border)}[data-theme=dark] .action-btn{background:var(--color-bg-alt);color:var(--color-text)}[data-theme=dark] .action-btn:hover{background:var(--color-accent);color:var(--color-button-text)}[data-theme=dark] .loading-indicator{color:var(--color-accent);background-color:#d4af371a}[data-theme=dark] .error-message{background-color:#ff4c4c26;border-left-color:#ff4c4c;color:#ff7875}[data-theme=dark] .no-clients{color:var(--color-muted);background-color:#ffffff0d}[data-theme=dark] .no-clients-container{text-align:center;padding:40px 20px}[data-theme=dark] .no-clients-hint{color:var(--color-muted)!important;font-size:14px;margin-top:12px;line-height:1.6}[data-theme=dark] .clients-container *,[data-theme=dark] .clients-container h1,[data-theme=dark] .clients-container h2,[data-theme=dark] .clients-container h3,[data-theme=dark] .clients-container h4,[data-theme=dark] .clients-container h5,[data-theme=dark] .clients-container h6,[data-theme=dark] .clients-container p{color:var(--color-text)}[data-theme=dark] .clients-container strong{color:var(--color-accent)}.appointments-container{padding:24px;background:var(--color-bg);min-height:100vh}.appointments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.appointments-header h2{margin:0;color:var(--color-text);font-size:24px;font-weight:600;display:flex;align-items:center;gap:8px}.appointments-stats{display:flex;gap:24px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:12px 16px;background:var(--color-bg-alt);border-radius:8px;border:1px solid var(--color-border)}.stat-label{font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.stat-value{font-size:20px;font-weight:600;color:var(--color-accent)}.appointments-filters{display:flex;gap:12px;margin-bottom:24px}.filter-btn{padding:8px 16px;border:1px solid var(--color-border);background:var(--color-bg-alt);color:var(--color-text);border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.filter-btn:hover{background:var(--color-accent-light);border-color:var(--color-accent)}.filter-btn.active{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.appointments-list{display:flex;flex-direction:column;gap:16px}.appointment-card{display:flex;align-items:center;padding:20px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:12px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.appointment-card:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--color-accent-light)}.appointment-time{display:flex;flex-direction:column;align-items:center;min-width:80px;padding-right:20px;border-right:1px solid var(--color-border)}.appointment-time .anticon{font-size:18px;color:var(--color-accent);margin-bottom:4px}.appointment-time span{font-size:16px;font-weight:600;color:var(--color-text)}.appointment-info{flex:1;padding-left:20px;display:flex;flex-direction:column;gap:8px}.client-info,.phone-info{display:flex;align-items:center;gap:8px}.client-info .anticon,.phone-info .anticon{color:var(--color-text-secondary);font-size:14px}.client-name{font-weight:600;color:var(--color-text);font-size:16px}.phone-info span{color:var(--color-text-secondary);font-size:14px}.service{color:var(--color-text-secondary);font-size:14px;font-style:italic}.appointment-status{min-width:120px;text-align:center}.status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-scheduled{background:#3498db1a;color:#3498db;border:1px solid rgba(52,152,219,.3)}.status-completed{background:#2ecc711a;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.status-cancelled{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;color:var(--color-text-secondary);margin-bottom:16px}.empty-state p{color:var(--color-text-secondary);font-size:16px;margin:0}.loading-state{display:flex;justify-content:center;align-items:center;padding:60px 20px;font-size:16px;color:var(--color-text-secondary)}@media(max-width:768px){.appointments-container{padding:16px}.appointments-header{flex-direction:column;gap:16px;align-items:flex-start}.appointments-stats{width:100%;justify-content:space-around}.appointment-card{flex-direction:column;align-items:flex-start;gap:16px}.appointment-time{flex-direction:row;min-width:auto;padding-right:0;border-right:none;border-bottom:1px solid var(--color-border);padding-bottom:16px;width:100%;justify-content:flex-start;gap:8px}.appointment-info{padding-left:0;width:100%}.appointment-status{min-width:auto;text-align:left;width:100%}.appointments-filters{flex-wrap:wrap}.filter-btn{flex:1;min-width:120px}}.calendar-container{padding:24px;background:var(--color-bg);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;max-height:85vh;overflow-y:auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:16px}.calendar-header h2{margin:0;color:var(--color-text);font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px}.calendar-header h2 .anticon{margin-right:8px}.error-message{background:#fff2f0;border:1px solid #ffccc7;border-radius:6px;padding:12px 16px;margin-bottom:16px;color:#ff4d4f}.calendar-content{display:flex;gap:16px;height:calc(85vh - 120px)}.calendar-main{flex:1}.calendar-main .ant-picker-calendar{border:1px solid #f0f0f0;border-radius:8px}.calendar-main .ant-picker-calendar-header{padding:16px 24px;border-bottom:1px solid #f0f0f0}.calendar-sidebar{width:350px;min-width:350px;max-width:350px;overflow:hidden}.calendar-sidebar .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000000f;width:100%;max-width:100%;overflow:hidden}.calendar-sidebar .ant-card-head{border-bottom:1px solid #f0f0f0}.calendar-sidebar .ant-card-head-title{font-weight:600;color:#262626}.events{list-style:none;margin:0;padding:0}.events li{margin-bottom:2px;font-size:12px;line-height:1.2}.events .ant-badge{width:100%;overflow:hidden}.events .ant-badge-status-text{color:#595959;font-size:11px}.more-events{color:#8c8c8c;font-style:italic;font-size:11px}.event-title{display:flex;align-items:center;justify-content:space-between;width:100%}.event-title .ant-badge{margin-right:8px}.event-time{color:#8c8c8c;font-size:12px;font-weight:400}.no-events{text-align:center;padding:40px 20px;color:#8c8c8c}.no-events p{margin:0;font-size:14px}.ant-list-item{padding:12px 0!important;border-bottom:1px solid #f5f5f5}.ant-list-item:last-child{border-bottom:none}.ant-list-item-meta-title{margin-bottom:4px}.ant-list-item-meta-description{color:#8c8c8c;font-size:12px}.contract-details{width:100%}.contract-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-weight:500}.contract-summary .ant-badge{margin-right:8px}.contract-list{margin-left:20px}.contract-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #f0f0f0}.contract-item:last-child{border-bottom:none}.contract-client{font-weight:500;color:#262626}.contract-type{color:#8c8c8c;font-size:12px}.ant-list-item-action{margin-left:8px}.ant-modal-header{border-bottom:1px solid #f0f0f0}.ant-modal-title{font-weight:600;color:#262626}.ant-form-item-label>label{font-weight:500;color:#262626}@media(max-width:1200px){.calendar-content{flex-direction:column}.calendar-sidebar{width:100%;min-width:auto}}@media(max-width:768px){.calendar-container{padding:16px}.calendar-header{flex-direction:column;gap:16px;align-items:stretch}.calendar-header h2{text-align:center}.calendar-content{gap:16px}}.ant-badge-status-processing{color:#1890ff}.ant-badge-status-error{color:#ff4d4f}.ant-badge-status-warning{color:#faad14}.ant-badge-status-success{color:#52c41a}.ant-badge-status-default{color:#d9d9d9}.ant-picker-calendar-date-content{height:40px;overflow:hidden}.ant-picker-calendar,.ant-picker-calendar .ant-picker-panel{height:100%!important}.ant-picker-calendar .ant-picker-calendar-header{padding:8px 16px!important}.ant-picker-cell-selected .ant-picker-calendar-date{background:var(--color-accent);border-color:var(--color-accent)}.ant-picker-cell-selected .ant-picker-calendar-date-content{color:#fff;font-weight:600}.ant-picker-calendar .ant-picker-calendar-date-today .ant-picker-calendar-date-value{color:var(--color-accent);font-weight:600}.ant-picker-calendar .ant-picker-cell:hover .ant-picker-calendar-date{background-color:var(--color-accent-light)!important;border-color:var(--color-accent)!important}.ant-picker-calendar .ant-picker-cell:hover .ant-picker-calendar-date-value{color:var(--color-text)!important}.ant-picker-calendar .ant-picker-calendar-header .ant-picker-calendar-year-select,.ant-picker-calendar .ant-picker-calendar-header .ant-picker-calendar-month-select{color:var(--color-accent)!important;font-weight:600}.ant-picker-calendar .ant-picker-calendar-header .ant-picker-calendar-year-select:hover,.ant-picker-calendar .ant-picker-calendar-header .ant-picker-calendar-month-select:hover{color:var(--color-accent-light)!important}.ant-picker-calendar .ant-picker-calendar-header .ant-picker-super-prev-btn,.ant-picker-calendar .ant-picker-calendar-header .ant-picker-prev-btn,.ant-picker-calendar .ant-picker-calendar-header .ant-picker-next-btn,.ant-picker-calendar .ant-picker-calendar-header .ant-picker-super-next-btn{color:var(--color-accent)!important}.ant-picker-calendar .ant-picker-calendar-header .ant-picker-super-prev-btn:hover,.ant-picker-calendar .ant-picker-calendar-header .ant-picker-prev-btn:hover,.ant-picker-calendar .ant-picker-calendar-header .ant-picker-next-btn:hover,.ant-picker-calendar .ant-picker-calendar-header .ant-picker-super-next-btn:hover{color:var(--color-accent-light)!important;background-color:#d4af371a!important}.calendar-header .ant-btn-primary{background-color:var(--color-accent)!important;border-color:var(--color-accent)!important;color:var(--color-button-text)!important}.calendar-header .ant-btn-primary:hover{background-color:var(--color-accent-light)!important;border-color:var(--color-accent-light)!important;color:var(--color-button-text)!important}.calendar-header .ant-btn-primary:focus{background-color:var(--color-accent)!important;border-color:var(--color-accent)!important;color:var(--color-button-text)!important;box-shadow:0 0 0 2px #d4af3733!important}.ant-picker-calendar-date:hover{background:#f5f5f5}.contract-item.clickable{cursor:pointer;transition:all .2s ease;border-radius:6px;padding:8px;margin-bottom:8px;border:1px solid #f0f0f0;background:#fafafa;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.contract-item.clickable:hover{background:#e6f7ff;border-color:#91d5ff;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.contract-main-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px;gap:8px;width:100%}.contract-client{font-weight:500;color:#262626;flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3}.contract-amount{font-weight:600;color:#52c41a;font-size:14px;white-space:nowrap;flex-shrink:0}.contract-secondary-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px;gap:8px;width:100%}.contract-type{color:#595959;font-size:12px;flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.contract-status{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500;text-transform:uppercase;white-space:nowrap;flex-shrink:0;max-width:80px;overflow:hidden;text-overflow:ellipsis}.contract-status.status-draft{background:#f0f0f0;color:#8c8c8c}.contract-status.status-active{background:#f6ffed;color:#52c41a}.contract-status.status-completed{background:#e6f7ff;color:#1890ff}.contract-status.status-cancelled{background:#fff2e8;color:#fa8c16}.contract-subject{color:#8c8c8c;font-size:11px;font-style:italic;margin-top:4px;line-height:1.3;max-height:2.6em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.contract-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;background:linear-gradient(135deg,#f6f9fc,#e9f4ff);border-radius:12px;border:1px solid #e1f0ff}.summary-badge{display:flex;align-items:center;gap:8px;font-weight:600;color:#1890ff}.summary-icon{font-size:18px}.summary-text{font-size:16px}.summary-count{background:#1890ff;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;min-width:20px;text-align:center}.event-time-badge{background:#52c41a;color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;box-shadow:0 2px 4px #52c41a4d}.contract-list-modern{display:flex;flex-direction:column;gap:12px}.contract-card.modern{background:linear-gradient(145deg,#fff,#fafbfc);border:1px solid #e8f4fd;border-radius:16px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.contract-card.modern:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1890ff,#52c41a,#faad14);opacity:0;transition:opacity .3s ease}.contract-card.modern:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f;border-color:#91d5ff}.contract-card.modern:hover:before{opacity:1}.contract-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.contract-client-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.client-icon{font-size:16px;color:#1890ff;flex-shrink:0}.client-name{font-weight:600;color:#262626;font-size:15px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.contract-amount-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f6ffed,#d9f7be);padding:8px 12px;border-radius:12px;border:1px solid #b7eb8f;flex-shrink:0}.amount-icon{font-size:14px;color:#52c41a}.amount-value{font-weight:700;color:#389e0d;font-size:14px;white-space:nowrap}.contract-body{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.contract-type-row,.contract-status-row{display:flex;align-items:center;gap:8px}.type-icon,.status-icon{font-size:14px;flex-shrink:0}.type-text{color:#595959;font-size:13px;font-weight:500;flex:1;word-wrap:break-word;overflow-wrap:break-word}.status-badge.modern{font-size:11px;padding:4px 8px;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent;flex-shrink:0}.status-badge.modern.status-draft{background:linear-gradient(135deg,#fafafa,#f0f0f0);color:#8c8c8c;border-color:#d9d9d9}.status-badge.modern.status-active{background:linear-gradient(135deg,#f6ffed,#d9f7be);color:#389e0d;border-color:#b7eb8f}.status-badge.modern.status-completed{background:linear-gradient(135deg,#e6f7ff,#bae7ff);color:#0958d9;border-color:#91d5ff}.status-badge.modern.status-cancelled{background:linear-gradient(135deg,#fff2e8,#ffd8bf);color:#d46b08;border-color:#ffbb96}.contract-footer{border-top:1px solid #f0f0f0;padding-top:12px;margin-top:8px}.subject-row{display:flex;align-items:flex-start;gap:8px}.subject-icon{font-size:12px;color:#8c8c8c;margin-top:2px;flex-shrink:0}.subject-text{color:#8c8c8c;font-size:12px;font-style:italic;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.contract-hover-indicator{position:absolute;bottom:8px;right:12px;opacity:0;transition:opacity .3s ease;font-size:10px;color:#1890ff;font-weight:500;background:#1890ff1a;padding:4px 8px;border-radius:6px;pointer-events:none}.contract-card.modern:hover .contract-hover-indicator{opacity:1}@keyframes contractCardAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contract-card.modern{animation:contractCardAppear .3s ease-out}.contract-card.modern:nth-child(1){animation-delay:0ms}.contract-card.modern:nth-child(2){animation-delay:50ms}.contract-card.modern:nth-child(3){animation-delay:.1s}.contract-card.modern:nth-child(4){animation-delay:.15s}.contract-card.modern:nth-child(5){animation-delay:.2s}@media(max-width:576px){.calendar-container{padding:12px}.calendar-header h2{font-size:20px}.ant-modal{margin:0;max-width:100vw}.ant-modal-content{border-radius:0}.contract-main-info,.contract-secondary-info{flex-direction:column;align-items:flex-start;gap:2px}.contract-summary-header{flex-direction:column;gap:8px;padding:10px 12px}.contract-header{flex-direction:column;gap:8px}.contract-amount-badge{align-self:flex-start}.contract-card.modern{padding:12px}.summary-text,.client-name{font-size:14px}.contract-hover-indicator{display:none}.contract-amount{align-self:flex-end}}[data-theme=dark] .calendar-container{background:var(--color-bg-alt);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .calendar-header{border-bottom-color:var(--color-border)}[data-theme=dark] .calendar-header h2{color:var(--color-accent)}[data-theme=dark] .error-message{background:#ef44441a;border-color:#ef44444d;color:#ff7875}[data-theme=dark] .calendar-main .ant-picker-calendar{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .calendar-main .ant-picker-calendar-header{border-bottom-color:var(--color-border);background:var(--color-bg-alt)}[data-theme=dark] .calendar-sidebar .ant-card{background:var(--color-bg-alt)!important;border-color:var(--color-accent)!important;box-shadow:0 4px 16px #0006!important}[data-theme=dark] .calendar-sidebar .ant-card-head{background:linear-gradient(135deg,var(--color-bg) 0%,rgba(212,175,55,.15) 100%)!important;border-bottom:2px solid var(--color-accent)!important}[data-theme=dark] .calendar-sidebar .ant-card-head-title{color:var(--color-accent)!important;font-weight:600!important}[data-theme=dark] .calendar-sidebar .ant-card-body{background:var(--color-bg)!important}[data-theme=dark] .events .ant-badge-status-text,[data-theme=dark] .more-events,[data-theme=dark] .event-time{color:var(--color-muted)}[data-theme=dark] .no-events{color:var(--color-muted)!important;background:#d4af370d!important;border-radius:8px!important;padding:40px 20px!important}[data-theme=dark] .no-events p{color:var(--color-muted)!important}[data-theme=dark] .ant-list-item{border-bottom-color:var(--color-border)!important;background:transparent!important}[data-theme=dark] .ant-list-item:hover{background:#d4af370d!important}[data-theme=dark] .ant-list-item-meta,[data-theme=dark] .ant-list-item-meta-title{color:var(--color-text)!important}[data-theme=dark] .ant-list-item-meta-description{color:var(--color-muted)!important}[data-theme=dark] .ant-list-item-action button{color:var(--color-text)!important;border-color:var(--color-border)!important}[data-theme=dark] .ant-list-item-action button:hover{color:var(--color-accent)!important;border-color:var(--color-accent)!important;background:#d4af371a!important}[data-theme=dark] .contract-client{color:var(--color-text)}[data-theme=dark] .contract-type{color:var(--color-muted)}[data-theme=dark] .contract-item{border-color:var(--color-border);background:var(--color-bg-alt)}[data-theme=dark] .contract-item.clickable{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .contract-item.clickable:hover{background:#d4af371a;border-color:var(--color-accent)}[data-theme=dark] .ant-picker-calendar-date:hover{background:#d4af371a}[data-theme=dark] .contract-summary-header{background:linear-gradient(135deg,var(--color-bg-alt) 0%,rgba(212,175,55,.1) 100%);border-color:var(--color-border)}[data-theme=dark] .summary-badge{color:var(--color-accent)}[data-theme=dark] .summary-count{background:var(--color-accent);color:var(--color-button-text)}[data-theme=dark] .contract-card.modern{background:linear-gradient(145deg,var(--color-bg) 0%,var(--color-bg-alt) 100%);border-color:var(--color-border);box-shadow:0 2px 8px #0003}[data-theme=dark] .contract-card.modern:hover{border-color:var(--color-accent);box-shadow:0 8px 24px #d4af3733}[data-theme=dark] .client-icon{color:var(--color-accent)}[data-theme=dark] .client-name{color:var(--color-text)}[data-theme=dark] .contract-amount-badge{background:linear-gradient(135deg,#52c41a26,#52c41a40);border-color:#52c41a66}[data-theme=dark] .amount-icon{color:#73d13d}[data-theme=dark] .amount-value{color:#95de64}[data-theme=dark] .type-text{color:var(--color-muted)}[data-theme=dark] .contract-footer{border-top-color:var(--color-border)}[data-theme=dark] .subject-icon,[data-theme=dark] .subject-text{color:var(--color-muted)}[data-theme=dark] .contract-hover-indicator{color:var(--color-accent);background:#d4af3733}[data-theme=dark] .ant-picker-panel{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .ant-picker-cell,[data-theme=dark] .ant-picker-cell-in-view{color:var(--color-text)}[data-theme=dark] .ant-picker-cell-disabled{color:var(--color-muted)}[data-theme=dark] .ant-picker-calendar-date-value,[data-theme=dark] .ant-picker-calendar-date-content{color:var(--color-text)}[data-theme=dark] .ant-picker-calendar .ant-picker-panel{background:var(--color-bg-alt)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important;box-shadow:0 4px 12px #0000004d!important}[data-theme=dark] .ant-picker-calendar .ant-picker-calendar-header{background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-alt) 100%)!important;border-bottom:2px solid var(--color-accent)!important;padding:16px 24px!important}[data-theme=dark] .ant-picker-calendar .ant-picker-content{background:var(--color-bg)!important}[data-theme=dark] .ant-picker-calendar .ant-picker-content th{color:var(--color-accent)!important;font-weight:600!important;background:var(--color-bg-alt)!important;border-bottom:1px solid var(--color-border)!important}[data-theme=dark] .ant-picker-calendar .ant-picker-cell,[data-theme=dark] .ant-picker-calendar .ant-picker-cell-in-view{color:var(--color-text)!important}[data-theme=dark] .ant-picker-calendar .ant-picker-calendar-date{background:var(--color-bg-alt)!important;border:1px solid var(--color-border)!important;border-radius:8px!important;transition:all .3s ease!important}[data-theme=dark] .ant-picker-calendar .ant-picker-calendar-date-value{color:var(--color-text)!important;font-weight:500!important}[data-theme=dark] .ant-picker-calendar .ant-picker-calendar-date-content{color:var(--color-text)!important}[data-theme=dark] .ant-picker-calendar .ant-picker-cell:hover .ant-picker-calendar-date{background:linear-gradient(135deg,#d4af3733,#d4af371a)!important;border-color:var(--color-accent)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #d4af374d!important}[data-theme=dark] .ant-picker-calendar .ant-picker-cell-selected .ant-picker-calendar-date{background:linear-gradient(135deg,var(--color-accent) 0%,#c2a030 100%)!important;border-color:var(--color-accent)!important;box-shadow:0 4px 16px #d4af3766!important}[data-theme=dark] .ant-picker-calendar .ant-picker-cell-selected .ant-picker-calendar-date-value{color:var(--color-button-text)!important;font-weight:700!important}[data-theme=dark] .ant-picker-calendar .ant-picker-cell-selected .ant-picker-calendar-date-content{color:var(--color-button-text)!important}[data-theme=dark] .ant-picker-calendar .ant-picker-calendar-date-today{border:2px solid var(--color-accent)!important;box-shadow:0 0 0 3px #d4af3733!important}[data-theme=dark] .ant-picker-calendar .ant-picker-calendar-date-today .ant-picker-calendar-date-value{color:var(--color-accent)!important;font-weight:700!important}[data-theme=dark] .ant-picker-calendar-header{background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-alt) 100%)!important}[data-theme=dark] .ant-picker-calendar-header .ant-select-selector{background:var(--color-bg-alt)!important;border:1px solid var(--color-accent)!important;color:var(--color-accent)!important;font-weight:600!important;border-radius:8px!important}[data-theme=dark] .ant-picker-calendar-header .ant-select-selection-item{color:var(--color-accent)!important}[data-theme=dark] .ant-picker-calendar-header .ant-radio-button-wrapper{background:var(--color-bg-alt)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}[data-theme=dark] .ant-picker-calendar-header .ant-radio-button-wrapper-checked{background:linear-gradient(135deg,var(--color-accent) 0%,#c2a030 100%)!important;border-color:var(--color-accent)!important;color:var(--color-button-text)!important;box-shadow:0 2px 8px #d4af374d!important}[data-theme=dark] .ant-picker-calendar thead th{color:var(--color-accent)!important;background:var(--color-bg-alt)!important;font-weight:600!important;border-bottom:1px solid var(--color-border)!important}[data-theme=dark] .ant-picker-calendar tbody td{background:var(--color-bg)!important;border:1px solid rgba(255,255,255,.05)!important}[data-theme=dark] .ant-picker-calendar .ant-picker-cell-disabled{background:#0003!important}[data-theme=dark] .ant-picker-calendar .ant-picker-cell-disabled .ant-picker-calendar-date{background:#0003!important;border-color:transparent!important}[data-theme=dark] .ant-picker-calendar .ant-picker-cell-disabled .ant-picker-calendar-date-value{color:var(--color-muted)!important;opacity:.3!important}.calendar-controls{display:flex;align-items:center;gap:8px}.calendar-controls span{color:#595959;font-size:14px;font-weight:500}[data-theme=dark] .calendar-controls span{color:var(--color-text)!important}[data-theme=dark] .ant-switch{background:#fff3!important}[data-theme=dark] .ant-switch-checked{background:var(--color-accent)!important}[data-theme=dark] .ant-switch:hover{background:#ffffff4d!important}[data-theme=dark] .ant-switch-checked:hover{background:var(--color-accent-light)!important}@media(max-width:1024px)and (min-width:769px){.calendar-container{padding:20px}.calendar-header h2{font-size:24px}.calendar-content{flex-direction:column;height:auto}.calendar-sidebar{width:100%;margin-top:16px}}@media(max-width:768px){.calendar-container{padding:16px;max-height:none}.calendar-header{flex-direction:column;align-items:flex-start;gap:12px}.calendar-header h2{font-size:22px}.calendar-controls{width:100%;justify-content:space-between}.calendar-content{flex-direction:column;height:auto;gap:20px}.calendar-main,.calendar-sidebar{width:100%}.ant-picker-calendar{font-size:14px}}@media(max-width:480px){.calendar-container{padding:12px}.calendar-header{padding-bottom:12px}.calendar-header h2{font-size:20px}.calendar-controls{font-size:13px}.ant-picker-calendar{font-size:12px}.events{font-size:11px}}@media(min-width:1440px){.calendar-container{padding:32px}.calendar-header h2{font-size:32px}.calendar-content{gap:24px}}@media(max-width:768px)and (orientation:landscape){.calendar-content{flex-direction:row}.calendar-main{flex:1}.calendar-sidebar{width:300px;margin-top:0}}@media(hover:none)and (pointer:coarse){.ant-picker-calendar-date{min-height:48px}.calendar-header button{min-height:44px;min-width:44px}}.calendar-container,.calendar-content,.calendar-sidebar{transition:all .3s cubic-bezier(.4,0,.2,1)}@supports (padding: max(0px)){.calendar-container{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom))}}.sidebar{position:fixed;left:0;top:0;height:100vh;width:260px;background:var(--color-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:100;overflow:hidden;box-shadow:2px 0 8px #0000000d}.sidebar.collapsed{width:80px}.sidebar-header{padding:20px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);min-height:70px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 8px}.sidebar-logo{display:flex;align-items:center;gap:12px}.logo-text{font-size:18px;font-weight:700;color:var(--color-accent);white-space:nowrap}.collapse-button{width:32px;height:32px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-alt);color:var(--color-text)!important;cursor:pointer;display:flex!important;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;font-size:16px;padding:0;position:relative}.collapse-button:hover{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)!important}.collapse-button svg{width:16px!important;height:16px!important;display:block!important;fill:currentColor;pointer-events:none}.sidebar-calendar{padding:12px;border-bottom:1px solid var(--color-border);width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.sidebar-nav{flex:1;padding:16px 8px;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.sidebar-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;border:none;background:transparent;color:var(--color-text);font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;white-space:nowrap}.sidebar.collapsed .sidebar-item{justify-content:center;padding:12px}.sidebar-item:hover{background:var(--color-bg-alt);color:var(--color-accent)}.sidebar-item.active{background:var(--color-accent-light);color:var(--color-accent);font-weight:600}.sidebar-icon{font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px}.sidebar-label{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:16px 8px;border-top:1px solid var(--color-border)}.sidebar-profile{margin-top:8px}.user-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.user-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.user-name{font-size:13px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis}.user-email{font-size:11px;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .sidebar{background:#1a1a1a;border-right-color:#2a2a2a}[data-theme=dark] .sidebar-header{border-bottom-color:#2a2a2a}[data-theme=dark] .collapse-button{background:#2a2a2a;border-color:#3a3a3a;color:#f5f5f7!important}[data-theme=dark] .collapse-button:hover{background:#d4af371a;border-color:#d4af37;color:#d4af37!important}[data-theme=dark] .collapse-button svg{fill:currentColor}[data-theme=dark] .sidebar-calendar{border-bottom-color:#2a2a2a}[data-theme=dark] .sidebar-item:hover{background:#2a2a2a}[data-theme=dark] .sidebar-item.active{background:#d4af3726}[data-theme=dark] .sidebar-footer{border-top-color:#2a2a2a}@media(max-width:1024px)and (min-width:769px){.sidebar{width:220px}.sidebar.collapsed{width:70px}.sidebar-logo .logo-text{font-size:16px}.sidebar-item{padding:10px 14px;font-size:13px}.sidebar-icon{font-size:16px}}@media(max-width:768px){.sidebar{display:none}}@media(max-width:480px){.sidebar{display:none}}@media(min-width:1440px){.sidebar{width:280px}.sidebar.collapsed{width:85px}.sidebar-logo .logo-text{font-size:20px}.sidebar-item{padding:14px 18px;font-size:15px}.sidebar-icon{font-size:20px}}.sidebar,.sidebar-header,.sidebar-logo,.sidebar-item,.collapse-button{transition:all .3s cubic-bezier(.4,0,.2,1)}@media(hover:none)and (pointer:coarse){.sidebar-item{padding:16px;min-height:48px}.collapse-button{width:40px;height:40px}}.sidebar-user-menu{position:relative}.user-dropdown-menu{position:absolute;bottom:100%;left:8px;right:8px;margin-bottom:8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0000001a;overflow:hidden;animation:slideUp .2s ease;z-index:1000}.user-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.user-menu-item:hover{background:var(--color-bg-alt);color:#ef4444}.user-menu-icon{font-size:16px;flex-shrink:0}[data-theme=dark] .user-dropdown-menu{background:#2a2a2a;border-color:#3a3a3a;box-shadow:0 4px 16px #0000004d}[data-theme=dark] .user-menu-item:hover{background:#1a1a1a}.mini-calendar{background:var(--color-bg-alt);border-radius:12px;padding:12px;box-shadow:0 2px 8px #0000000d;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.mini-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}.mini-calendar-title{font-size:13px;font-weight:600;color:var(--color-text);text-transform:capitalize}.mini-calendar-nav{width:24px;height:24px;border:none;background:transparent;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;font-size:12px}.mini-calendar-nav:hover{background:var(--color-bg);color:var(--color-accent)}.mini-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px;width:100%}.mini-calendar-weekday{font-size:10px;font-weight:600;color:var(--color-muted);text-align:center;padding:4px 0}.mini-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;width:100%}.mini-calendar-day{aspect-ratio:1;border:none;background:transparent;color:var(--color-text);font-size:10px;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;min-width:0;width:100%}.mini-calendar-day:hover{background:var(--color-bg);color:var(--color-accent)}.mini-calendar-day.today{background:var(--color-accent);color:#fff;font-weight:700}.mini-calendar-day.selected{background:var(--color-accent-light);color:var(--color-accent);font-weight:600}.mini-calendar-day.other-month{color:var(--color-muted);opacity:.4}.mini-calendar-day.other-month:hover{opacity:.7}[data-theme=dark] .mini-calendar{background:#2a2a2a;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .mini-calendar-nav:hover,[data-theme=dark] .mini-calendar-day:hover{background:#1a1a1a}[data-theme=dark] .mini-calendar-day.today{background:#d4af37;color:#1a1a1a}[data-theme=dark] .mini-calendar-day.selected{background:#d4af3733;color:#d4af37}@media(max-width:1024px)and (min-width:769px){.mini-calendar{padding:10px}.mini-calendar-title{font-size:12px}.mini-calendar-weekday,.mini-calendar-day{font-size:9px}}@media(min-width:1440px){.mini-calendar{padding:14px}.mini-calendar-title{font-size:14px}.mini-calendar-weekday,.mini-calendar-day{font-size:11px}.mini-calendar-nav{width:28px;height:28px;font-size:14px}}@media(hover:none)and (pointer:coarse){.mini-calendar-day{min-height:32px;font-size:11px}.mini-calendar-nav{width:32px;height:32px}}.mini-calendar,.mini-calendar-day,.mini-calendar-nav{transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:280px){.mini-calendar{padding:8px}.mini-calendar-title{font-size:11px}.mini-calendar-weekday{font-size:8px}.mini-calendar-day{font-size:9px}}.mobile-sidebar-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#0009;z-index:1100;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-sidebar-overlay.active{opacity:1;visibility:visible}.mobile-sidebar{position:fixed;inset:0;height:100vh;width:100vw;max-width:100vw;background:var(--color-bg);z-index:1200;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none;overflow-y:auto;overflow-x:hidden}.mobile-sidebar.open{transform:translate(0)}.mobile-sidebar-header{padding:20px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-border);min-height:70px;position:relative;flex-shrink:0}.mobile-sidebar-calendar{padding:16px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.mobile-sidebar-logo{display:flex;align-items:center;justify-content:center;gap:12px}.mobile-sidebar-close{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-bg-alt);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:20px;font-weight:300;line-height:1;opacity:.8;z-index:10;flex-shrink:0;font-family:Arial,sans-serif}.mobile-sidebar-close:hover{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)!important;transform:translateY(-50%) scale(1.05)}.mobile-sidebar-close:active{transform:translateY(-50%) scale(.95)}.mobile-sidebar-nav{flex:1;padding:16px 8px;overflow-y:auto;overflow-x:hidden}.mobile-sidebar-nav::-webkit-scrollbar{width:6px}.mobile-sidebar-nav::-webkit-scrollbar-track{background:transparent}.mobile-sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.mobile-sidebar-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:4px;border:none;background:transparent;color:var(--color-text);font-size:15px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.mobile-sidebar-item:hover{background:var(--color-bg-alt);color:var(--color-accent)}.mobile-sidebar-item.active{background:var(--color-accent-light);color:var(--color-accent);font-weight:600}.mobile-sidebar-icon{font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px}.mobile-sidebar-label{flex:1}.mobile-sidebar-footer{padding:16px 8px;border-top:1px solid var(--color-border)}.mobile-sidebar-profile{margin-top:8px}.user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-size:14px;font-weight:600;color:var(--color-text)}.user-email{font-size:12px;color:var(--color-muted)}[data-theme=dark] .mobile-sidebar{background:#1a1a1a;box-shadow:2px 0 12px #00000080}[data-theme=dark] .mobile-sidebar-header,[data-theme=dark] .mobile-sidebar-calendar{border-bottom-color:#2a2a2a}[data-theme=dark] .mobile-sidebar-close{background:#2a2a2a;border-color:#3a3a3a;color:#f5f5f7!important}[data-theme=dark] .mobile-sidebar-close:hover{background:#d4af371a;border-color:#d4af37;color:#d4af37!important}[data-theme=dark] .mobile-sidebar-item:hover{background:#2a2a2a}[data-theme=dark] .mobile-sidebar-item.active{background:#d4af3726}[data-theme=dark] .mobile-sidebar-footer{border-top-color:#2a2a2a}@media(max-width:768px){.mobile-sidebar{width:100%;max-width:100vw}}@media(max-width:1024px)and (orientation:landscape){.mobile-sidebar{width:100%;max-width:100vw}.mobile-sidebar-item{padding:12px 16px}}@media(max-width:375px){.mobile-sidebar{width:100%;max-width:100vw}.mobile-sidebar-header{padding:16px 12px}.mobile-sidebar-logo .logo-text{font-size:16px}.mobile-sidebar-item{padding:12px 14px;font-size:14px}.mobile-sidebar-icon{font-size:18px}}@media(max-width:320px){.mobile-sidebar{width:100%;max-width:100vw}.mobile-sidebar-item{padding:10px 12px;font-size:13px}}.mobile-sidebar,.mobile-sidebar-overlay,.mobile-sidebar-item{transition:all .3s cubic-bezier(.4,0,.2,1)}@media(hover:none)and (pointer:coarse){.mobile-sidebar-item{min-height:52px;padding:16px}.mobile-sidebar-close{width:44px;height:44px}}@supports (padding: max(0px)){.mobile-sidebar{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.mobile-sidebar-header{padding-top:max(20px,env(safe-area-inset-top))}.mobile-sidebar-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}.mobile-sidebar-user-menu{position:relative}.mobile-user-dropdown-menu{position:absolute;bottom:100%;left:8px;right:8px;margin-bottom:8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0000001a;overflow:hidden;animation:slideUp .2s ease;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-user-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 20px;border:none;background:transparent;color:var(--color-text);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.mobile-user-menu-item:hover{background:var(--color-bg-alt);color:#ef4444}.mobile-user-menu-icon{font-size:18px;flex-shrink:0}[data-theme=dark] .mobile-user-dropdown-menu{background:#2a2a2a;border-color:#3a3a3a;box-shadow:0 4px 16px #0000004d}[data-theme=dark] .mobile-user-menu-item:hover{background:#1a1a1a}.hamburger-button{position:fixed;top:16px;left:16px;width:44px;height:44px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;z-index:1300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.hamburger-button:hover{background:var(--color-bg-alt);border-color:var(--color-accent)}.hamburger-line{width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:all .3s ease}.hamburger-button.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-button.open .hamburger-line:nth-child(2){opacity:0}.hamburger-button.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}[data-theme=dark] .hamburger-button{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .hamburger-button:hover{background:#2a2a2a;border-color:#d4af37}[data-theme=dark] .hamburger-line{background:#fff}@media(max-width:1024px)and (min-width:769px){.hamburger-button{width:48px;height:48px}.hamburger-line{width:24px}}@media(max-width:375px){.hamburger-button{width:40px;height:40px;top:12px;left:12px}.hamburger-line{width:20px}}@media(max-width:768px)and (orientation:landscape){.hamburger-button{top:12px;left:12px;width:40px;height:40px}}@media(hover:none)and (pointer:coarse){.hamburger-button{width:48px;height:48px}.hamburger-line{height:3px}}@supports (padding: max(0px)){.hamburger-button{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}}.hamburger-button,.hamburger-line{transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger-button.hidden{opacity:0;pointer-events:none;transform:scale(.8)}