:root,[data-theme=light]{--color-primary: #7CA27F;--color-primary-deep: #5E8F62;--color-primary-light: #9BBF9D;--color-primary-pale: #E8F1E9;--color-accent-teal: #7CA27F;--color-accent-yellow: #FFD780;--color-success: #7CA27F;--color-info: #5E8F62;--color-warning: #F4A259;--color-error: #E75A4A;--color-disabled: #C9D3CC;--color-bg-base: #F7FBF8;--color-surface: #FFFFFF;--color-border: #E6EBE8;--color-text-primary: #1F2A24;--color-text-secondary: #8A948D;--shadow-sm: 0 2px 8px rgba(124, 162, 127, .08);--shadow-md: 0 4px 12px rgba(124, 162, 127, .15);--shadow-lg: 0 8px 32px rgba(124, 162, 127, .1);--shadow-primary: 0 4px 12px rgba(124, 162, 127, .4);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}[data-theme=dark]{--color-primary: #7CA27F;--color-primary-deep: #8CB88F;--color-primary-light: #6A8C6D;--color-primary-pale: #1A2F1E;--color-accent-teal: #7CA27F;--color-accent-yellow: #FFD780;--color-success: #7CA27F;--color-info: #6A9C6D;--color-warning: #F4A259;--color-error: #E75A4A;--color-disabled: #4A5A4E;--color-bg-base: #0D1412;--color-surface: #1A2620;--color-border: #2A3A30;--color-text-primary: #E8F3E8;--color-text-secondary: #9CA99C;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-primary: 0 4px 12px rgba(124, 162, 127, .3)}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-color:var(--color-bg-base);color:var(--color-text-primary)}*{box-sizing:border-box}.login-bg{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);min-height:100vh}.auth-layout{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);min-height:100vh;position:relative}.dashboard-bg{background:#0a0e27;color:#fff}.flex{display:flex}.justify-center{justify-content:center}.items-center{align-items:center}.space-x-large>*{margin-left:24px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-4{gap:16px}.gap-8{gap:32px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.auth-layout{min-height:100vh;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);position:relative}.language-switcher-wrapper{position:absolute;top:24px;right:24px;z-index:10}.auth-content{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px}.language-switcher .ant-select-selector{background:#fffffff2;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md);border-radius:var(--radius-md)}.language-switcher .ant-select-selection-item{color:var(--color-primary-deep);font-weight:500}.language-switcher .ant-select-arrow{color:var(--color-primary)}.language-switcher .ant-select:hover .ant-select-selector{border-color:var(--color-surface);background:var(--color-surface)}.ant-layout-sider{box-shadow:2px 0 6px #7ca27f26;z-index:10;background:var(--color-surface);border-right:1px solid var(--color-border)}.ant-layout{transition:margin-left .2s;background:var(--color-bg-base)}.ant-layout-sider-collapsed+.ant-layout{margin-left:80px}.ant-menu{background:var(--color-surface);border-right:none}.ant-menu-item-selected{background-color:var(--color-primary-pale)!important;color:var(--color-primary-deep)!important}.ant-menu-item:hover{background-color:var(--color-primary-pale);color:var(--color-primary)}.ant-menu-item-selected:after{border-right:3px solid var(--color-primary)}.ant-layout-header{background:var(--color-surface);box-shadow:0 1px 4px #7ca27f14;z-index:9;border-bottom:1px solid var(--color-border);padding:0 24px}.language-switcher .ant-select-selector{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.language-switcher .ant-select-selection-item{color:var(--color-text-primary)}.content-wrapper{padding:24px;background:var(--color-bg-base);min-height:calc(100vh - 112px)}.logo{color:var(--color-primary-deep);font-weight:600;font-size:18px}.ant-breadcrumb{margin-bottom:16px}.ant-breadcrumb a{color:var(--color-text-secondary)}.ant-breadcrumb a:hover{color:var(--color-primary)}.page-title{color:var(--color-text-primary);margin-bottom:24px;font-size:24px;font-weight:600}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.login-card{width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);border:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid var(--color-border)}.login-card .ant-card-head{border-bottom:1px solid var(--color-border);text-align:center;background:var(--color-primary-pale);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.login-card .ant-card-head-title{font-size:24px;font-weight:600;color:var(--color-text-primary)}.login-card .ant-card-body{padding:32px 24px}.login-form{padding:0}.login-form .ant-form-item-label>label{color:var(--color-text-primary);font-weight:500}.login-button{height:44px;border-radius:var(--radius-md);font-size:16px;font-weight:500;background-color:var(--color-primary);background-image:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);border:none;box-shadow:var(--shadow-primary);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,background-image .3s ease;will-change:transform,box-shadow,background-image}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7ca27f99;background-color:var(--color-primary-light);background-image:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%)}.login-button:active{transform:translateY(0)}.ant-input-affix-wrapper{border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all .3s ease;background:var(--color-surface)}.ant-input-affix-wrapper:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.ant-input-affix-wrapper-focused{border-color:var(--color-primary);box-shadow:0 0 0 2px #7ca27f33}.ant-input{background:transparent}.ant-checkbox-wrapper{color:var(--color-text-secondary)}.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--color-primary);border-color:var(--color-primary)}.ant-checkbox:hover .ant-checkbox-inner{border-color:var(--color-primary)}.login-card .ant-card-head-title{color:var(--color-primary-deep)}.institution-list{min-height:100vh}@media(max-width:768px){.institution-list{padding:16px}.list-header{flex-direction:column;gap:16px;align-items:flex-start}.search-filters{padding:12px}.search-filters .ant-space,.search-filters .ant-space-item{width:100%}.ant-table{font-size:12px}}.institution-import{min-height:100vh}.import-header .ant-typography{margin:0}.import-rules{margin:24px 0;padding:16px;background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border)}.rules-table th,.rules-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--color-border)}.rules-table th{background-color:var(--color-primary-pale);font-weight:600}.rules-table tr:hover{background-color:var(--color-primary-pale)}.upload-actions{margin-top:16px;text-align:center}.upload-progress{margin-top:16px;padding:16px;background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border)}.result-summary{padding:16px;background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border)}@media(max-width:768px){.institution-import{padding:16px}.import-header{flex-direction:column;gap:16px;align-items:flex-start}.rules-table{font-size:12px}.rules-table th,.rules-table td{padding:6px 8px}.upload-actions{text-align:left}.upload-actions .ant-space,.upload-actions .ant-space-item,.upload-actions .ant-btn{width:100%}}.institution-detail{min-height:100vh}.related-devices{margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border)}.related-devices h3{margin:0 0 16px;color:var(--color-text-primary);font-size:18px;font-weight:600}@media(max-width:768px){.institution-detail{padding:16px}.detail-header{flex-direction:column;gap:16px;align-items:flex-start}.header-left,.header-right,.header-right .ant-space,.header-right .ant-space-item,.header-right .ant-btn{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .full-width{grid-column:span 1}.ant-descriptions{font-size:12px}.ant-descriptions-item-label,.ant-descriptions-item-content{padding:8px 12px}.ant-table{font-size:12px}}.device-list{min-height:100vh}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-right{display:flex;gap:12px}.search-filters{margin-bottom:16px;padding:16px;background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border)}.advanced-filters{margin-bottom:16px;padding:16px;background:var(--color-primary-pale);border-radius:8px;border:1px solid var(--color-primary-light)}.advanced-filters .ant-form{align-items:center}.advanced-filters .ant-form-item{margin-bottom:0}.table-row{transition:all .2s ease}.table-row:hover{background-color:var(--color-primary-pale)}.table-price{font-weight:600;color:var(--color-primary)}@media(max-width:768px){.device-list{padding:16px}.list-header{flex-direction:column;gap:16px;align-items:flex-start}.search-filters,.advanced-filters{padding:12px}.search-filters .ant-space,.advanced-filters .ant-form,.search-filters .ant-space-item{width:100%}.advanced-filters .ant-form-item{width:100%;margin-bottom:16px}.advanced-filters .ant-form-item:last-child{margin-bottom:0}.advanced-filters .ant-btn{width:100%}.ant-table{font-size:12px}.table-row td:nth-child(8),.table-row td:nth-child(9),.table-row td:nth-child(10){white-space:nowrap}}.device-detail{min-height:100vh}.header-left h2{margin:0;color:var(--color-text-primary);font-size:24px;font-weight:600}.detail-content{margin-bottom:32px}.edit-form{padding:16px 0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .full-width{grid-column:span 2}.view-detail{padding:16px 0}.device-history,.maintenance-records{margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.history-filters{display:flex;align-items:center;gap:16px}.device-history .ant-table{background:var(--color-surface);border-radius:8px;overflow:hidden}.device-history .ant-table-thead>tr>th{background:var(--color-primary-pale);border-bottom:2px solid var(--color-primary);font-weight:600;color:var(--color-text-primary)}.device-history .ant-table-tbody>tr>td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.device-history .ant-table-tbody>tr:hover>td{background:var(--color-primary-pale)}.device-history .ant-tag{font-weight:500}.section-header h3{margin:0;color:var(--color-text-primary);font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.maintenance-item{background:var(--color-surface);padding:16px;border-radius:8px;border:1px solid var(--color-border);margin-bottom:8px}.maintenance-header{margin-bottom:12px}.maintenance-content p{margin:4px 0;color:var(--color-text-secondary)}.maintenance-content strong{color:var(--color-text-primary);font-weight:500}.edit-form .ant-form-item-label>label{font-weight:500;color:var(--color-text-primary)}.edit-form .ant-input,.edit-form .ant-select-selector{border-color:var(--color-border)}.edit-form .ant-input:focus,.edit-form .ant-select-focused .ant-select-selector{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-pale)}.ant-descriptions-item-label{font-weight:500;background-color:var(--color-primary-pale)}.ant-timeline-item-content{padding-bottom:0}.ant-timeline-item-tail{border-left:2px solid var(--color-border)}.ant-timeline-item-head{border-color:var(--color-primary);background-color:var(--color-surface)}.ant-modal .ant-form-item-label>label{font-weight:500}@media(max-width:768px){.device-detail{padding:16px}.detail-header{flex-direction:column;gap:16px;align-items:flex-start}.header-left,.header-right,.header-right .ant-space,.header-right .ant-space-item,.header-right .ant-btn{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .full-width{grid-column:span 1}.ant-descriptions{font-size:12px}.ant-descriptions-item-label,.ant-descriptions-item-content{padding:8px 12px}.maintenance-item{padding:12px}.section-header h3{font-size:16px}.ant-modal{margin:0;max-width:100vw;top:0}}@media(max-width:480px){.device-detail{padding:12px}.maintenance-content p{font-size:12px}.maintenance-item{padding:8px}}.company-detail{min-height:calc(100vh - 64px)}.employee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;background-color:var(--color-surface, #FFFFFF);border-radius:8px;border:1px solid var(--color-border, #E6EBE8)}.employee-actions{display:flex;align-items:center}@media(max-width:768px){.employee-header{flex-direction:column;align-items:stretch;gap:16px}.employee-actions{justify-content:center}}.company-detail-loading{display:flex;justify-content:center;align-items:center;height:400px;font-size:16px;color:var(--color-text-secondary)}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.header-left{display:flex;align-items:center}.header-left h2{margin:0 16px 0 0;color:var(--color-text-primary);font-size:24px;font-weight:600}.header-right{color:var(--color-text-secondary);font-size:14px}.header-right span{margin-right:16px}.employee-filters{margin-bottom:16px;padding:16px;background-color:var(--color-surface);border-radius:8px;border:1px solid var(--color-border)}.ant-table-thead>tr>th{background-color:var(--color-primary-pale);font-weight:600;color:var(--color-text-primary)}.ant-table-tbody>tr:hover>td{background-color:var(--color-primary-pale)}.ant-tabs-content-holder{padding-top:16px}.ant-tag{border-radius:4px;font-weight:500}.ant-input-search .ant-input,.ant-select .ant-select-selector,.ant-btn{border-radius:6px}@media(max-width:768px){.company-detail{padding:16px}.detail-header{flex-direction:column;align-items:flex-start;gap:16px}.header-left h2{font-size:20px}.header-right{display:flex;flex-wrap:wrap;gap:8px}.header-right span{margin-right:0}.employee-filters .ant-space{width:100%}.employee-filters .ant-space-item{flex:1;min-width:200px}}@media(max-width:1200px){.ant-table-scroll-container{overflow-x:auto}}.company-import{min-height:calc(100vh - 64px)}.import-header h2{margin:0;color:var(--color-text-primary, #1F2A24);font-size:24px;font-weight:600}.import-rules{margin-bottom:24px;padding:16px;background:var(--color-surface, #FFFFFF);border-radius:8px;border:1px solid var(--color-border, #E6EBE8)}.rules-table{width:100%;border-collapse:collapse;margin-top:12px}.rules-table th,.rules-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--color-border, #E6EBE8)}.rules-table th{background-color:var(--color-bg-base, #F7FBF8);font-weight:600;color:var(--color-text-primary, #1F2A24)}.rules-table td{color:var(--color-text-secondary, #8A948D)}.upload-actions{display:flex;justify-content:center;margin-top:16px}.upload-progress{margin-top:16px;text-align:center}.result-summary{padding:16px;background-color:var(--color-bg-base, #F7FBF8);border-radius:8px;margin-bottom:16px}.ant-upload-drag{border:2px dashed var(--color-primary-light, #9BBF9D)!important;background-color:var(--color-bg-base, #F7FBF8)!important;border-radius:8px!important;transition:all .3s ease!important}.ant-upload-drag:hover,.ant-upload-drag.ant-upload-drag-hover{border-color:var(--color-primary, #7CA27F)!important;background-color:var(--color-primary-pale, #E8F1E9)!important}.ant-upload-drag-icon{color:var(--color-primary, #7CA27F)!important}.ant-upload-text{color:var(--color-text-primary, #1F2A24)!important;font-size:16px;font-weight:500;margin-top:8px}.ant-upload-hint{color:var(--color-text-secondary, #8A948D)!important;font-size:14px;margin-top:8px}.upload-actions .ant-btn{height:40px;border-radius:6px;font-weight:500}.upload-actions .ant-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);border:none;box-shadow:var(--shadow-primary, 0 2px 8px rgba(124, 162, 127, .2))}.upload-actions .ant-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);transform:translateY(-1px);box-shadow:var(--shadow-primary-hover, 0 4px 12px rgba(124, 162, 127, .3))}.upload-progress .ant-progress-line{margin-top:8px}.ant-progress-bg{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%)!important}.company-import .ant-alert{border-radius:8px;border:1px solid var(--color-info, #5E8F62);background-color:var(--color-primary-pale, #E8F1E9)}.company-import .ant-alert-info{background-color:var(--color-primary-pale, #E8F1E9);border-color:var(--color-info, #5E8F62)}.company-import .ant-alert-info .ant-alert-icon{color:var(--color-info, #5E8F62)}.company-import .ant-card{border-radius:12px;border:1px solid var(--color-border, #E6EBE8);box-shadow:var(--shadow-card, 0 2px 8px rgba(31, 42, 36, .08));overflow:hidden}.company-import .ant-card-head{background:var(--color-surface, #FFFFFF);border-bottom:1px solid var(--color-border, #E6EBE8)}.company-import .ant-card-body{padding:24px;background:var(--color-surface, #FFFFFF)}.company-import .ant-modal{border-radius:12px;overflow:hidden}.company-import .ant-modal-header{background:var(--color-surface, #FFFFFF);border-bottom:1px solid var(--color-border, #E6EBE8);padding:16px 24px}.company-import .ant-modal-title{color:var(--color-text-primary, #1F2A24);font-weight:600}.company-import .ant-modal-body{padding:24px;background:var(--color-surface, #FFFFFF)}.company-import .ant-table-thead>tr>th{background-color:var(--color-bg-base, #F7FBF8);border-bottom:1px solid var(--color-border, #E6EBE8);color:var(--color-text-primary, #1F2A24);font-weight:600}.company-import .ant-table-tbody>tr>td{border-bottom:1px solid var(--color-border, #E6EBE8);color:var(--color-text-secondary, #8A948D)}.company-import .ant-table-tbody>tr:hover>td{background-color:var(--color-primary-pale, #E8F1E9)}@media(max-width:768px){.company-import{padding:16px}.import-header{flex-direction:column;align-items:flex-start;gap:16px}.upload-actions{flex-direction:column;align-items:stretch}.upload-actions .ant-btn{width:100%}.rules-table{font-size:14px}.rules-table th,.rules-table td{padding:6px 8px}}.staff-import{padding:24px;background-color:var(--color-bg-base, #F7FBF8)}.import-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.import-rules{margin-bottom:24px;padding:20px;background-color:var(--color-surface, #FFFFFF);border-radius:8px;border:1px solid var(--color-border, #E6EBE8)}.rules-content{display:grid;grid-template-columns:1fr 2fr;gap:32px;margin-top:16px}.required-fields h5,.optional-fields h5{color:var(--color-text-primary, #1F2A24);font-weight:600;margin-bottom:12px}.required-fields ul,.optional-fields ul{margin:0;padding-left:20px}.required-fields li{color:var(--color-error, #E75A4A);margin-bottom:8px}.optional-fields li{color:var(--color-text-secondary, #8A948D);margin-bottom:8px}.upload-section{margin-top:24px}.upload-actions{display:flex;justify-content:center;margin-top:24px}.upload-progress{margin-top:16px;padding:16px;background-color:var(--color-primary-pale, #E8F1E9);border-radius:8px;text-align:center}.result-summary{padding:20px;background-color:var(--color-bg-base, #F7FBF8);border-radius:8px;margin-bottom:16px}@media(max-width:768px){.staff-import{padding:16px}.import-header{flex-direction:column;align-items:flex-start;gap:16px}.rules-content{grid-template-columns:1fr;gap:24px}.upload-actions{flex-direction:column;align-items:stretch}}.staff-import .ant-card{box-shadow:0 2px 8px #0000000f;border-radius:12px}.staff-import .ant-upload-drag{background-color:var(--color-surface, #FFFFFF)!important;border:2px dashed var(--color-primary-light, #9BBF9D)!important;border-radius:8px!important;transition:all .3s ease}.staff-import .ant-upload-drag:hover,.staff-import .ant-upload-drag.ant-upload-drag-hover{border-color:var(--color-primary, #7CA27F)!important;background-color:var(--color-primary-pale, #E8F1E9)!important}.staff-import .ant-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);border-color:var(--color-primary);box-shadow:0 2px 4px #7ca27f4d}.staff-import .ant-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);border-color:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 4px 8px #7ca27f66}.staff-import .ant-table-thead>tr>th{background-color:var(--color-bg-base, #F7FBF8);color:var(--color-text-primary, #1F2A24);font-weight:600}.staff-import .ant-table-tbody>tr:hover>td{background-color:var(--color-primary-pale, #E8F1E9)}.staff-import .ant-progress-bg{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.profile-page{max-width:1200px;margin:0 auto}.profile-header{display:flex;gap:32px;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,var(--color-primary-pale) 0%,#f0f9ff 100%);border-radius:12px;border:1px solid var(--color-border)}.profile-avatar-section{display:flex;flex-direction:column;align-items:center}.avatar-wrapper{position:relative;display:inline-block}.profile-avatar{border:4px solid var(--color-primary);box-shadow:0 4px 12px #7ca27f33;transition:transform .2s ease}.profile-avatar:hover{transform:scale(1.05)}.avatar-upload-btn{position:absolute;bottom:-8px;right:-8px;width:32px!important;height:32px!important;border:2px solid white;box-shadow:0 2px 8px #00000026;background:var(--color-primary)}.avatar-upload-btn:hover{background:var(--color-primary-deep);transform:scale(1.1)}.profile-info-section{flex:1;display:flex;flex-direction:column;justify-content:center}.ant-form-item-label>label{font-weight:600;color:var(--color-text-primary)}.ant-input-affix-wrapper{border-radius:8px;border:1px solid var(--color-border);transition:all .2s ease}.ant-input-affix-wrapper:hover{border-color:var(--color-primary-light)}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #7ca27f33}.ant-input:disabled{background-color:var(--color-surface);color:var(--color-text-secondary)}.ant-tag{border-radius:6px;font-weight:500;border:none;padding:2px 8px}.ant-btn{border-radius:8px;font-weight:500;transition:all .2s ease}.ant-btn-primary{background:var(--color-primary);border-color:var(--color-primary)}.ant-btn-primary:hover{background:var(--color-primary-deep);border-color:var(--color-primary-deep);transform:translateY(-1px)}.ant-btn-primary:focus{background:var(--color-primary);border-color:var(--color-primary)}.ant-descriptions{background:var(--color-surface);border-radius:8px;overflow:hidden}.ant-descriptions-item-label{background:var(--color-primary-pale);color:var(--color-text-primary);font-weight:600}.ant-descriptions-item-content{color:var(--color-text-primary)}.ant-card{border-radius:12px;border:1px solid var(--color-border);box-shadow:0 2px 8px #0000000f;overflow:hidden}.ant-card-head{background:var(--color-primary-pale);border-bottom:1px solid var(--color-border)}.ant-card-head-title{font-weight:600;color:var(--color-text-primary)}.ant-tabs-tab{font-weight:500;color:var(--color-text-secondary)}.ant-tabs-tab-active{color:var(--color-primary);font-weight:600}.ant-tabs-ink-bar{background:var(--color-primary)}.ant-modal{border-radius:12px;overflow:hidden}.ant-modal-header{background:var(--color-primary-pale);border-bottom:1px solid var(--color-border)}.ant-modal-title{font-weight:600;color:var(--color-text-primary)}@media(max-width:768px){.profile-page{padding:16px}.profile-header{flex-direction:column;align-items:center;text-align:center;gap:24px}.profile-info-section{align-items:center}.ant-descriptions{columns:1!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-page>.ant-card{animation:fadeIn .3s ease-out}.ant-spin-container{min-height:400px}.ant-card-body ul li{margin-bottom:8px;color:var(--color-text-secondary);line-height:1.6}.ant-upload{cursor:pointer}.ant-form-item{margin-bottom:24px}.ant-divider{border-color:var(--color-border)}.ant-typography{color:var(--color-text-primary)}.ant-typography.ant-typography-secondary{color:var(--color-text-secondary)}.ant-input-prefix{color:var(--color-primary)}h2.ant-typography{color:var(--color-primary-deep);margin-bottom:8px!important}h5.ant-typography{color:var(--color-text-primary);margin-bottom:4px!important}.monitoring-fullscreen-container{width:100vw;height:100vh;background:#f7fbf8;overflow:hidden;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#1f2a24}.monitoring-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;padding:24px;height:100%;box-sizing:border-box}.monitoring-background{position:absolute;inset:0;pointer-events:none;opacity:.3;background:linear-gradient(135deg,#E8F1E9 0%,transparent 50%,transparent 100%)}.monitoring-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 24px;background:#fff;box-shadow:0 2px 8px #0000000f;border-radius:16px;border:1px solid #E6EBE8}.monitoring-header-left{display:flex;align-items:center;gap:16px}.monitoring-header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#e8f1e9;color:#7ca27f}.monitoring-header-right{display:flex;align-items:center;gap:16px}.monitoring-status-badge{display:flex;align-items:center;gap:12px;padding:12px 24px;border-radius:12px;font-weight:700;font-size:18px;box-shadow:0 4px 12px #0000001a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-on-update{0%{transform:scale(1);box-shadow:0 2px 8px #0000000f}50%{transform:scale(1.02);box-shadow:0 4px 16px #7ca27f4d}to{transform:scale(1);box-shadow:0 2px 8px #0000000f}}@keyframes number-pop{0%{transform:scale(1)}50%{transform:scale(1.1);color:#7ca27f}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-pulse-on-update{animation:pulse-on-update 3s ease-in-out infinite}.animate-number{display:inline-block;transition:all .3s ease}.animate-number:hover{animation:number-pop .3s ease}.animate-fade-in{animation:fade-in .5s ease forwards;opacity:0}.monitoring-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.monitoring-metric-card{display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:#fff;border:1px solid #E6EBE8;border-radius:16px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.monitoring-metric-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.monitoring-metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.monitoring-metric-icon{padding:8px;border-radius:8px;background:#e8f1e9}.monitoring-metric-value{display:flex;align-items:baseline;gap:4px}.monitoring-metric-value span:first-child{font-size:28px;font-weight:700;color:#1f2a24;letter-spacing:-.5px;transition:all .3s ease}.monitoring-main-content{display:flex;gap:16px;flex:1;min-height:0}.monitoring-charts-section{flex:1;min-width:0}.monitoring-sidebar{display:flex;flex-direction:column;gap:16px;width:280px;flex-shrink:0}.monitoring-chart-card{display:flex;flex-direction:column;width:100%;height:100%;background:#fff;border:1px solid #E6EBE8;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:16px}.monitoring-chart-title{font-size:18px;font-weight:700;color:#1f2a24;margin:0 0 8px}.monitoring-chart-wrapper{flex:1;min-height:0}.monitoring-location-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:#fff;border:1px solid #E6EBE8;border-radius:16px;box-shadow:0 2px 8px #0000000f;flex-shrink:0}.monitoring-location-icon-wrapper{position:relative;margin-bottom:8px}.monitoring-location-pulse{position:absolute;inset:0;background:#7ca27f;opacity:.2;blur:40px;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.monitoring-location-icon{position:relative;width:40px;height:40px;color:#7ca27f;font-size:40px}.monitoring-location-info{text-align:center}.monitoring-logs-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E6EBE8;border-radius:16px;box-shadow:0 2px 8px #0000000f;flex:1;min-height:0;overflow:hidden}.monitoring-logs-title{font-size:16px;font-weight:700;color:#1f2a24;margin:0;padding:16px 16px 8px}.monitoring-logs-content{flex:1;padding:12px 16px;overflow-y:auto;min-height:0}.monitoring-log-entry{display:flex;flex-direction:column;gap:2px;transition:all .3s ease}.monitoring-log-entry:hover{background:#f7fbf8;padding:4px 8px;margin:0 -8px;border-radius:6px}@media(max-width:1200px){.monitoring-metrics-grid{grid-template-columns:repeat(2,1fr)}.monitoring-main-content{flex-direction:column}.monitoring-sidebar{width:100%;flex-direction:row}}@media(max-width:768px){.monitoring-content{padding:12px;gap:12px}.monitoring-header{flex-direction:column;gap:12px;align-items:flex-start}.monitoring-metrics-grid{grid-template-columns:1fr}.monitoring-sidebar{flex-direction:column}}