.layout-container{background:#f0f2f5}.tecno-sidebar{background:linear-gradient(180deg,var(--tecno-secondary) 0%,var(--tecno-dark) 100%);box-shadow:4px 0 16px #0003;position:relative;overflow:hidden}.tecno-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,184,212,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,184,212,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.tecno-logo-container{display:flex;align-items:center;justify-content:center;padding:20px 16px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tecno-logo-container:hover{background:#ffffff14;border-bottom-color:#00b8d44d}.logo-wrapper{display:flex;align-items:center;gap:12px;width:100%}.tecno-logo{max-width:48px;height:auto;object-fit:contain;filter:brightness(0) invert(1);transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.tecno-logo:hover{transform:scale(1.1) rotate(5deg);filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(0,184,212,.6))}.logo-text{display:flex;flex-direction:column;gap:2px;flex:1}.logo-title{font-size:16px;font-weight:700;color:#fff;letter-spacing:1px;line-height:1.2}.logo-subtitle{font-size:11px;font-weight:400;color:#ffffffb3;letter-spacing:.5px;text-transform:uppercase}.menu-section{position:relative;z-index:1;padding:8px 0}.menu-label{padding:12px 24px 8px;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.tecno-menu{background:transparent!important;border:none!important;padding:0 12px}.tecno-menu .ant-menu-item{margin:4px 0;border-radius:8px;height:48px;line-height:48px;padding-left:20px!important;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid transparent}.tecno-menu .ant-menu-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tecno-primary);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.tecno-menu .ant-menu-item:hover{background:#00b8d426!important;border-color:#00b8d44d;transform:translate(4px);box-shadow:0 2px 8px #00b8d433}.tecno-menu .ant-menu-item:hover:before{transform:scaleY(1)}.tecno-menu .ant-menu-item-selected{background:linear-gradient(90deg,var(--tecno-primary) 0%,var(--tecno-primary-dark) 100%)!important;color:var(--tecno-white)!important;border-color:var(--tecno-primary-light);box-shadow:0 4px 12px #00b8d44d,inset 0 1px #fff3;transform:translate(4px)}.tecno-menu .ant-menu-item-selected:before{transform:scaleY(1);background:#ffffff4d;width:4px}.tecno-menu .ant-menu-item-selected:after{display:none}.tecno-menu .ant-menu-item-icon{font-size:18px;color:#fffc;transition:all .3s ease;margin-right:12px}.tecno-menu .ant-menu-item:hover .ant-menu-item-icon{color:var(--tecno-primary-light);transform:scale(1.1)}.tecno-menu .ant-menu-item-selected .ant-menu-item-icon{color:var(--tecno-white);transform:scale(1.15)}.tecno-menu .ant-menu-item span{font-size:14px;font-weight:500;letter-spacing:.3px;transition:all .3s ease}.tecno-menu .ant-menu-item-selected span{font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.tecno-header{background:var(--tecno-gradient);padding:0 32px;height:72px;box-shadow:0 2px 12px #0000001a;display:flex;align-items:center;position:relative;z-index:10}.tecno-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%}.tecno-header-title{color:var(--tecno-white);font-size:22px;font-weight:600;margin:0;letter-spacing:-.3px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-badge{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:4px 12px;border:1px solid rgba(255,255,255,.3)}.badge-text{font-size:11px;font-weight:600;color:var(--tecno-white);letter-spacing:.5px}.main-layout{background:#f0f2f5}.main-content{margin:24px;padding:0;min-height:calc(100vh - 120px);animation:fadeInContent .4s ease-in}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.tecno-sidebar{width:80px!important}.logo-text{display:none}.tecno-logo{max-width:40px}.menu-label,.tecno-menu .ant-menu-item span{display:none}.tecno-menu .ant-menu-item{padding-left:20px!important;justify-content:center}}.tecno-sidebar::-webkit-scrollbar{width:6px}.tecno-sidebar::-webkit-scrollbar-track{background:#0000001a}.tecno-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.tecno-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(180deg,var(--tecno-secondary) 0%,var(--tecno-dark) 100%);padding:20px}.login-card{width:100%;max-width:400px;box-shadow:0 10px 40px #0003;border-radius:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.login-header{text-align:center;margin-bottom:32px}.login-header h2.ant-typography{margin-bottom:8px;color:var(--tecno-primary);font-weight:700}.login-header p{color:#000000a6;margin:0;font-size:16px}.login-card .ant-input-affix-wrapper{background-color:#fff;border-color:#d9d9d9;color:#000000d9}.login-card .ant-input-affix-wrapper:hover,.login-card .ant-input-affix-wrapper:focus,.login-card .ant-input-affix-wrapper-focused{border-color:var(--tecno-primary)}.login-card .ant-input{background-color:transparent;color:#000000d9}.login-card .ant-input::placeholder{color:#00000073}.login-card .anticon{color:var(--tecno-primary)}.login-card .ant-btn-primary{background:var(--tecno-gradient);border:none;height:40px;font-weight:600;box-shadow:0 4px 12px #f57c004d}.login-card .ant-btn-primary:hover{background:var(--tecno-gradient-light);transform:translateY(-1px);box-shadow:0 6px 16px #f57c0066}.dashboard-container{padding:24px;background:#f0f2f5;min-height:100vh}.dashboard-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f0f2f5}.dashboard-header-card{margin-bottom:24px;box-shadow:0 2px 8px #00000014;border-radius:8px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.stat-card{box-shadow:0 2px 8px #00000014;border-radius:8px;transition:all .3s ease;height:100%}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.today-card{background:linear-gradient(135deg,#e6f7ff,#fff);border-left:4px solid #1890ff}.week-card{background:linear-gradient(135deg,#f6ffed,#fff);border-left:4px solid #52c41a}.month-card{background:linear-gradient(135deg,#f9f0ff,#fff);border-left:4px solid #722ed1}.chart-card{box-shadow:0 2px 8px #00000014;border-radius:8px;height:100%}.chart-card .ant-card-head{border-bottom:2px solid #f0f0f0;padding:16px 24px}.chart-card .ant-card-body{padding:24px}.summary-card{box-shadow:0 2px 8px #00000014;border-radius:8px}.summary-card .ant-card-head{border-bottom:2px solid #f0f0f0;padding:16px 24px}.area-summary-card{transition:all .3s ease;height:100%}.area-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.custom-tooltip{background:#fffffffa;border:1px solid #d9d9d9;border-radius:6px;padding:12px;box-shadow:0 2px 8px #00000026}@media (max-width: 768px){.dashboard-container{padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start}.stat-card{margin-bottom:16px}}.employee-drawer{animation:drawerSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-title{font-size:18px;font-weight:600;animation:fadeIn .3s ease}.drawer-footer{display:flex;justify-content:flex-end;padding:16px 0;border-top:1px solid #f0f0f0;animation:fadeIn .3s ease .1s both}.save-button{border-radius:6px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #1890ff33}.save-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1890ff66}.save-button:active{transform:translateY(0)}.employee-form{animation:fadeIn .4s ease .1s both}.form-label{font-weight:500;color:#262626;display:flex;align-items:center;gap:8px}.form-label .anticon{color:#1890ff;transition:all .2s ease}.form-input{border-radius:6px;transition:all .3s ease;border:1px solid #d9d9d9}.form-input:hover{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff1a}.form-input:focus,.form-input.ant-input-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.employee-form .ant-form-item{margin-bottom:24px;animation:slideInFormItem .3s ease forwards;opacity:0}.employee-form .ant-form-item:nth-child(1){animation-delay:.1s}.employee-form .ant-form-item:nth-child(2){animation-delay:.15s}.employee-form .ant-form-item:nth-child(3){animation-delay:.2s}.employee-form .ant-form-item:nth-child(4){animation-delay:.25s}.employee-form .ant-form-item:nth-child(5){animation-delay:.3s}@keyframes slideInFormItem{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.employee-drawer .ant-drawer-body{padding:24px}.employee-drawer .ant-drawer-header{border-bottom:1px solid #f0f0f0;padding:16px 24px}.employee-drawer .ant-drawer-footer{border-top:1px solid #f0f0f0;padding:16px 24px}.employees-list-container{animation:fadeIn .4s ease-in}.employees-header-card{margin-bottom:24px;box-shadow:0 2px 8px #00000014;border-radius:8px;transition:all .3s ease}.employees-header-card:hover{box-shadow:0 4px 16px #0000001f}.employees-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.search-container{flex:1;min-width:300px;position:relative}.search-input{transition:all .3s ease;border-radius:8px}.search-input:hover{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff1a}.search-input:focus,.search-input.ant-input-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.search-results{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#8c8c8c;pointer-events:none;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.add-button{border-radius:8px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #1890ff33}.add-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1890ff66}.add-button:active{transform:translateY(0)}.employees-table-card{box-shadow:0 2px 8px #00000014;border-radius:8px;overflow:hidden;transition:all .3s ease}.employees-table-card:hover{box-shadow:0 4px 16px #0000001f}.employees-table{animation:fadeInTable .5s ease-in}.employees-table .table-row{transition:all .2s ease;cursor:pointer}.employees-table .table-row:hover{background-color:#f5f7fa!important;transform:scale(1.01);box-shadow:0 2px 8px #00000014}.employees-table .table-row td{transition:all .2s ease}.employees-table .table-row:hover .employee-name{color:#1890ff}.position-tag{transition:all .2s ease;border-radius:4px}.employees-table .table-row:hover .position-tag{transform:scale(1.05)}.action-button{transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:6px;padding:4px 8px}.edit-button:hover{background-color:#e6f7ff;color:#1890ff;transform:scale(1.1)}.delete-button:hover{background-color:#fff1f0;color:#ff4d4f;transform:scale(1.1)}.action-button:active{transform:scale(.95)}.employees-table tbody tr{animation:slideInRow .3s ease forwards;opacity:0}.employees-table tbody tr:nth-child(1){animation-delay:.05s}.employees-table tbody tr:nth-child(2){animation-delay:.1s}.employees-table tbody tr:nth-child(3){animation-delay:.15s}.employees-table tbody tr:nth-child(4){animation-delay:.2s}.employees-table tbody tr:nth-child(5){animation-delay:.25s}.employees-table .ant-pagination{margin-top:24px}.employees-table .ant-pagination-item{transition:all .2s ease;border-radius:6px}.employees-table .ant-pagination-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.employees-table .ant-pagination-item-active{box-shadow:0 2px 8px #1890ff4d}@media (max-width: 768px){.employees-header{flex-direction:column;align-items:stretch}.search-container{min-width:100%}.add-button{width:100%}}.checkins-list-container{animation:fadeIn .4s ease-in}.checkins-header-card{margin-bottom:24px;box-shadow:0 2px 8px #00000014;border-radius:8px;transition:all .3s ease}.checkins-header-card:hover{box-shadow:0 4px 16px #0000001f}.checkins-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.filters-container{width:100%}.filter-input,.filter-select,.date-picker{transition:all .3s ease;border-radius:6px}.filter-input:hover,.filter-select:hover,.date-picker:hover{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff1a}.filter-button{border-radius:6px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #1890ff33}.filter-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1890ff66}.checkins-table-card{box-shadow:0 2px 8px #00000014;border-radius:8px;overflow:hidden;transition:all .3s ease}.checkins-table-card:hover{box-shadow:0 4px 16px #0000001f}.checkins-table{animation:fadeInTable .5s ease-in}.checkins-table .table-row{transition:all .2s ease;cursor:pointer}.checkins-table .table-row:hover{background-color:#f5f7fa!important;transform:scale(1.005)}.checkins-table .table-row td{transition:all .2s ease}.employee-name{font-weight:500;color:#262626;transition:color .2s ease}.checkins-table .table-row:hover .employee-name{color:#1890ff}.detail-button{transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:6px}.detail-button:hover{background-color:#e6f7ff;color:#1890ff;transform:scale(1.1)}.detail-button:active{transform:scale(.95)}.event-details-container{padding:16px;background:linear-gradient(to bottom,#fafafa,#fff);border-radius:8px;margin:8px 0;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}.event-descriptions{margin-bottom:16px;animation:fadeIn .3s ease .1s both}.raw-data-collapse{margin-top:16px;background:#fff;border-radius:6px;padding:8px}.raw-data-collapse .ant-collapse-item{border:1px solid #f0f0f0;border-radius:6px;margin-bottom:8px;transition:all .3s ease}.raw-data-collapse .ant-collapse-item:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff1a}.raw-data-collapse .ant-collapse-header{padding:12px 16px;font-weight:500;transition:all .2s ease}.raw-data-collapse .ant-collapse-header:hover{color:#1890ff}.checkins-table tbody tr{animation:slideInRow .3s ease forwards;opacity:0}.checkins-table tbody tr:nth-child(1){animation-delay:.05s}.checkins-table tbody tr:nth-child(2){animation-delay:.1s}.checkins-table tbody tr:nth-child(3){animation-delay:.15s}.checkins-table tbody tr:nth-child(4){animation-delay:.2s}.checkins-table tbody tr:nth-child(5){animation-delay:.25s}@keyframes slideInRow{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.checkins-table .ant-pagination{margin-top:24px}.checkins-table .ant-pagination-item{transition:all .2s ease;border-radius:6px}.checkins-table .ant-pagination-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.checkins-table .ant-pagination-item-active{box-shadow:0 2px 8px #1890ff4d}.images-container{padding:16px 0}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;animation:fadeIn .3s ease}.image-card{border-radius:8px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.image-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.image-card .ant-card-cover{height:200px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.event-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-card:hover .event-image{transform:scale(1.05)}.image-filename{font-size:12px;color:#666;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.image-card .ant-card-meta-title{margin-bottom:0;font-size:12px}@media (max-width: 768px){.filters-container{flex-direction:column}.filter-input,.filter-select,.date-picker{width:100%!important}.event-details-container{padding:12px}.event-descriptions{font-size:12px}.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.image-card .ant-card-cover{height:150px}}.worked-hours-container{animation:fadeIn .4s ease-in}.worked-hours-header-card{margin-bottom:24px;box-shadow:0 2px 8px #00000014;border-radius:8px;transition:all .3s ease}.worked-hours-header-card:hover{box-shadow:0 4px 16px #0000001f}.worked-hours-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.worked-hours-table-card{box-shadow:0 2px 8px #00000014;border-radius:8px;overflow:hidden;transition:all .3s ease}.worked-hours-table-card:hover{box-shadow:0 4px 16px #0000001f}.worked-hours-table{animation:fadeInTable .5s ease-in}.worked-hours-table .ant-table-row{transition:all .2s ease}.worked-hours-table .ant-table-row:hover{background-color:#f5f7fa!important}.worked-hours-container .ant-statistic-title{font-size:14px;color:#8c8c8c;font-weight:500}.worked-hours-container .ant-statistic-content{font-size:24px;font-weight:600}@media (max-width: 768px){.worked-hours-header{flex-direction:column;align-items:stretch}.worked-hours-header h2{text-align:center}}.payroll-container{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.payroll-header-card{margin-bottom:24px;box-shadow:0 2px 8px #00000014;border-radius:8px;transition:all .3s ease}.payroll-header-card:hover{box-shadow:0 4px 16px #0000001f}.payroll-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.payroll-table-card{box-shadow:0 2px 8px #00000014;border-radius:8px;overflow:hidden;transition:all .3s ease}.payroll-table-card:hover{box-shadow:0 4px 16px #0000001f}.payroll-table{animation:fadeInTable .5s ease-in}@keyframes fadeInTable{0%{opacity:0}to{opacity:1}}.payroll-table .ant-table-row{transition:all .2s ease}.payroll-table .ant-table-row:hover{background-color:#f5f7fa!important}.payroll-container .ant-statistic-title{font-size:14px;color:#8c8c8c;font-weight:500}.payroll-container .ant-statistic-content{font-size:24px;font-weight:600}@media (max-width: 768px){.payroll-header{flex-direction:column;align-items:stretch}.payroll-header h2{text-align:center}}.analytics-container{padding:24px;background:#f0f2f5;min-height:100vh}.analytics-header-card{margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.analytics-header{display:flex;justify-content:space-between;align-items:center}.kpi-card{text-align:center;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.analytics-dashboard .ant-card{box-shadow:0 2px 8px #0000001a;border-radius:8px}.analytics-trends,.analytics-comparison,.analytics-predictions{padding:0}.analytics-trends .ant-card,.analytics-comparison .ant-card,.analytics-predictions .ant-card{margin-bottom:16px;box-shadow:0 2px 8px #0000001a;border-radius:8px}.analytics-container .ant-tabs-tab{font-weight:500}.analytics-container .ant-tabs-tab-active{font-weight:600}.analytics-container .ant-table{border-radius:8px;overflow:hidden}@media (max-width: 768px){.analytics-container{padding:16px}.analytics-header h2{font-size:20px!important}}:root{--tecno-primary: #F57C00;--tecno-primary-dark: #E65100;--tecno-primary-light: #FF9800;--tecno-primary-lighter: #FFE0B2;--tecno-secondary: #263238;--tecno-secondary-light: #37474F;--tecno-dark: #212121;--tecno-gray: #616161;--tecno-light-gray: #F5F5F5;--tecno-white: #ffffff;--tecno-success: #2E7D32;--tecno-error: #C62828;--tecno-warning: #F9A825;--tecno-info: #0277BD;--tecno-gradient: linear-gradient(135deg, var(--tecno-primary) 0%, var(--tecno-primary-dark) 100%);--tecno-gradient-light: linear-gradient(135deg, var(--tecno-primary-light) 0%, var(--tecno-primary) 100%)}.tecno-brand-title{font-size:24px;font-weight:700;color:var(--tecno-primary);letter-spacing:-.5px}.tecno-brand-subtitle{font-size:14px;font-weight:400;color:var(--tecno-gray);letter-spacing:.2px}.tecno-logo-container{display:flex;align-items:center;justify-content:center;padding:16px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.tecno-logo-container:hover{background:#ffffff14}.tecno-logo{max-width:100%;height:auto;max-height:50px;object-fit:contain;transition:transform .3s ease}.tecno-logo:hover{transform:scale(1.05);filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,.5))}.tecno-header{background:var(--tecno-gradient);padding:16px 24px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:space-between}.tecno-header-title{color:var(--tecno-white);font-size:20px;font-weight:600;margin:0}.tecno-btn-primary{background:var(--tecno-gradient);border:none;color:var(--tecno-white);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00b8d44d}.tecno-btn-primary:hover{background:var(--tecno-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #00b8d466;color:var(--tecno-white)}.tecno-btn-primary:active{transform:translateY(0)}.tecno-card{border-radius:8px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:1px solid var(--tecno-light-gray)}.tecno-card:hover{box-shadow:0 4px 16px #00b8d41f;border-color:var(--tecno-primary-lighter)}.tecno-sidebar{background:linear-gradient(180deg,var(--tecno-secondary) 0%,var(--tecno-dark) 100%)}.tecno-sidebar .ant-menu{background:transparent}.tecno-sidebar .ant-menu-item{margin:8px 12px;border-radius:6px;transition:all .3s ease}.tecno-sidebar .ant-menu-item:hover{background:#00b8d41a}.tecno-sidebar .ant-menu-item-selected{background:var(--tecno-primary);color:var(--tecno-white)}.tecno-sidebar .ant-menu-item-selected:after{display:none}.tecno-sidebar .ant-menu-item-icon{color:#ffffffd9}.tecno-sidebar .ant-menu-item-selected .ant-menu-item-icon{color:var(--tecno-white)}.tecno-tag-primary{background:var(--tecno-primary-lighter);color:var(--tecno-primary-dark);border:1px solid var(--tecno-primary-light)}.tecno-badge-primary{background:var(--tecno-primary);color:var(--tecno-white)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f2f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ant-btn,.ant-input,.ant-card,.ant-table,.ant-drawer{transition:all .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#555}