@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.medical-card{box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.medical-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.medical-card{border-radius:12px;background:#fff;padding:24px;border:1px solid #f0f0f0}.medical-card.gradient-border{position:relative;background:#fff}.medical-card.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.medical-button{padding:8px 24px;border-radius:8px;font-weight:500;transition:all .3s;border:none;cursor:pointer}.medical-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #673ab74d}.medical-button.primary:hover{box-shadow:0 6px 16px #673ab766;transform:translateY(-2px)}.medical-button.secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 4px 12px #e91e634d}.medical-button.secondary:hover{box-shadow:0 6px 16px #e91e6366;transform:translateY(-2px)}.medical-badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.medical-badge.success{background:#52c41a1a;color:#52c41a}.medical-badge.warning{background:#faad141a;color:#faad14}.medical-badge.danger{background:#f5222d1a;color:#f5222d}.medical-badge.info{background:#1890ff1a;color:#1890ff}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.glass-effect{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.skeleton-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.medical-form .el-form-item{margin-bottom:24px}.medical-form .el-form-item .el-form-item__label{font-weight:500;color:#2c3e50;font-size:14px;line-height:40px}.medical-form .el-form-item .el-form-item__label:before{color:#f5222d;margin-right:4px}.medical-form .el-form-item .el-input__wrapper{border-radius:8px;box-shadow:0 0 0 1px #f0f0f0 inset;transition:all .3s cubic-bezier(.4,0,.2,1);padding:8px 12px}.medical-form .el-form-item .el-input__wrapper:hover{box-shadow:0 0 0 1px #bb7ed4 inset}.medical-form .el-form-item .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #9b59b6 inset,0 0 0 3px #9b59b61a}.medical-form .el-form-item .el-textarea__inner{border-radius:8px;border:1px solid #f0f0f0;transition:all .3s cubic-bezier(.4,0,.2,1);padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.medical-form .el-form-item .el-textarea__inner:hover{border-color:#bb7ed4}.medical-form .el-form-item .el-textarea__inner:focus{border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b61a}.medical-form .el-form-item .el-select{width:100%}.medical-form .el-form-item .el-select .el-input__wrapper{border-radius:8px}.medical-form .el-form-item .el-date-editor{width:100%}.medical-form .el-form-item .el-date-editor .el-input__wrapper{border-radius:8px}.medical-form .el-form-item .el-radio-group{display:flex;gap:16px}.medical-form .el-form-item .el-radio-group .el-radio{margin-right:0}.medical-form .el-form-item .el-radio-group .el-radio .el-radio__inner{width:18px;height:18px;border:2px solid #f0f0f0;transition:all .3s cubic-bezier(.4,0,.2,1)}.medical-form .el-form-item .el-radio-group .el-radio .el-radio__inner:after{width:8px;height:8px;background:#fff}.medical-form .el-form-item .el-radio-group .el-radio .el-radio__label{font-size:14px;color:#2c3e50;padding-left:8px}.medical-form .el-form-item .el-radio-group .el-radio.is-checked .el-radio__inner{border-color:#9b59b6;background:#9b59b6}.medical-form .el-form-item .el-radio-group .el-radio.is-checked .el-radio__label{color:#9b59b6}.medical-form .el-form-item .el-radio-group .el-radio:hover .el-radio__inner{border-color:#9b59b6}.medical-form .el-form-item .el-checkbox-group{display:flex;flex-wrap:wrap;gap:16px}.medical-form .el-form-item .el-checkbox-group .el-checkbox{margin-right:0}.medical-form .el-form-item .el-checkbox-group .el-checkbox .el-checkbox__inner{width:18px;height:18px;border:2px solid #f0f0f0;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.medical-form .el-form-item .el-checkbox-group .el-checkbox .el-checkbox__inner:after{border:2px solid white;border-left:0;border-top:0;height:9px;left:5px;top:2px;width:5px}.medical-form .el-form-item .el-checkbox-group .el-checkbox .el-checkbox__label{font-size:14px;color:#2c3e50;padding-left:8px}.medical-form .el-form-item .el-checkbox-group .el-checkbox.is-checked .el-checkbox__inner{border-color:#9b59b6;background:#9b59b6}.medical-form .el-form-item .el-checkbox-group .el-checkbox.is-checked .el-checkbox__label{color:#9b59b6}.medical-form .el-form-item .el-checkbox-group .el-checkbox:hover .el-checkbox__inner{border-color:#9b59b6}.medical-form .el-form-item .el-form-item__error{color:#f5222d;font-size:13px;padding-top:4px;line-height:1.4}.medical-dialog .el-dialog__header{padding:24px 24px 16px;border-bottom:1px solid #f0f0f0;margin:0}.medical-dialog .el-dialog__header .el-dialog__title{font-size:18px;font-weight:600;color:#2c3e50;position:relative;padding-left:16px}.medical-dialog .el-dialog__header .el-dialog__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.medical-dialog .el-dialog__header .el-dialog__headerbtn{top:20px;right:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.medical-dialog .el-dialog__header .el-dialog__headerbtn:hover{background:#fafbfc}.medical-dialog .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close{color:#9b59b6}.medical-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{font-size:18px;font-weight:700}.medical-dialog .el-dialog__body{padding:24px;max-height:60vh;overflow-y:auto}.medical-dialog .el-dialog__body::-webkit-scrollbar{width:6px}.medical-dialog .el-dialog__body::-webkit-scrollbar-track{background:#fafbfc;border-radius:3px}.medical-dialog .el-dialog__body::-webkit-scrollbar-thumb{background:#f0f0f0;border-radius:3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.medical-dialog .el-dialog__body::-webkit-scrollbar-thumb:hover{background:#9b59b64d}.medical-dialog .el-dialog__footer{padding:16px 24px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px}.medical-dialog .el-dialog__footer .el-button{min-width:100px;height:40px;border-radius:8px;font-weight:500;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.medical-dialog .el-dialog__footer .el-button:not(.is-disabled):hover{transform:translateY(-2px)}.medical-dialog .el-dialog__footer .el-button.el-button--default{border:1px solid #f0f0f0;color:#7f8c8d}.medical-dialog .el-dialog__footer .el-button.el-button--default:hover{border-color:#9b59b6;color:#9b59b6;background:#9b59b60d}.medical-dialog .el-dialog__footer .el-button.el-button--primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #9b59b64d}.medical-dialog .el-dialog__footer .el-button.el-button--primary:hover{box-shadow:0 6px 16px #9b59b666}.medical-dialog .el-dialog__footer .el-button.el-button--primary.is-loading{opacity:.8}.medical-dialog .el-dialog{border-radius:12px;box-shadow:0 12px 40px #00000026;overflow:hidden}.medical-dialog .el-overlay{background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.medical-inline-form .el-form-item{margin-bottom:0;margin-right:16px}.medical-inline-form .el-form-item .el-form-item__label{line-height:32px;color:#7f8c8d;font-weight:500}.medical-inline-form .el-form-item .el-input{width:200px}.medical-inline-form .el-form-item .el-input .el-input__wrapper{height:32px;border-radius:8px}.medical-inline-form .el-form-item .el-select{width:160px}.medical-inline-form .el-form-item .el-select .el-input__wrapper{height:32px}.medical-inline-form .el-button{height:32px;border-radius:8px;padding:0 16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.medical-inline-form .el-button.el-button--primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 2px 8px #9b59b64d}.medical-inline-form .el-button.el-button--primary:hover{box-shadow:0 4px 12px #9b59b666;transform:translateY(-1px)}.medical-inline-form .el-button.el-button--default{border:1px solid #f0f0f0;color:#7f8c8d}.medical-inline-form .el-button.el-button--default:hover{border-color:#9b59b6;color:#9b59b6;background:#9b59b60d}.medical-form-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.medical-form-card:hover{box-shadow:0 4px 12px #00000014}.medical-form-card .form-card-title{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #fafbfc;position:relative;padding-left:12px}.medical-form-card .form-card-title:before{content:"";position:absolute;left:0;top:0;width:4px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.medical-form-card .form-card-content .el-form .el-row{margin-left:-12px;margin-right:-12px}.medical-form-card .form-card-content .el-form .el-row .el-col{padding-left:12px;padding-right:12px}.medical-form-card .form-card-footer{margin-top:24px;padding-top:24px;border-top:1px solid #f0f0f0;display:flex;justify-content:center;gap:12px}@media (max-width: 992px){.medical-dialog .el-dialog{width:90%!important;margin:20px auto!important}.medical-dialog .el-dialog__body{max-height:50vh}.medical-form-card{padding:16px}.medical-form-card .form-card-content .el-form .el-row .el-col{width:100%!important;max-width:100%!important}.medical-inline-form .el-form-item{margin-right:8px}.medical-inline-form .el-form-item .el-input,.medical-inline-form .el-form-item .el-select{width:150px}}@media (max-width: 768px){.medical-dialog .el-dialog{width:95%!important;margin:10px auto!important}.medical-dialog .el-dialog__header{padding:16px}.medical-dialog .el-dialog__header .el-dialog__title{font-size:16px}.medical-dialog .el-dialog__body{padding:16px;max-height:60vh}.medical-dialog .el-dialog__footer{padding:12px 16px;flex-wrap:wrap}.medical-dialog .el-dialog__footer .el-button{flex:1;min-width:auto}.medical-form .el-form-item{margin-bottom:20px}.medical-form .el-form-item .el-form-item__label{line-height:32px}.medical-inline-form .el-form-item{display:block;margin-bottom:12px;margin-right:0}.medical-inline-form .el-form-item .el-input,.medical-inline-form .el-form-item .el-select{width:100%}.medical-inline-form .el-button{width:100%;margin-top:8px}}@media (max-width: 768px){.el-table{font-size:13px}.el-table .el-table__header th{padding:8px 0;font-size:12px}.el-table .el-table__body td{padding:8px 0}.el-table .el-button{padding:4px 8px;font-size:12px}.el-table .el-button.is-link{padding:0 4px}.el-card{border-radius:8px}.el-card .el-card__header,.el-card .el-card__body{padding:12px 16px}.el-form.medical-inline-form .el-form-item{display:block;margin-bottom:12px;margin-right:0}.el-form.medical-inline-form .el-form-item .el-form-item__label{width:100%!important;text-align:left;margin-bottom:4px}.el-form.medical-inline-form .el-form-item .el-form-item__content{margin-left:0!important}.el-form.medical-inline-form .el-form-item .el-form-item__content .el-input,.el-form.medical-inline-form .el-form-item .el-form-item__content .el-select,.el-form.medical-inline-form .el-form-item .el-form-item__content .el-date-picker{width:100%!important}.el-form .el-form-item__label{font-size:13px}.el-dialog{width:95%!important;margin-top:5vh!important}.el-dialog .el-dialog__header{padding:12px 16px}.el-dialog .el-dialog__body{padding:12px 16px;max-height:70vh;overflow-y:auto}.el-dialog .el-dialog__footer{padding:12px 16px}.el-pagination{justify-content:center!important;flex-wrap:wrap;gap:8px;padding:12px 0}.el-pagination .el-pagination__sizes,.el-pagination .el-pagination__jump{display:none}.el-pagination button,.el-pagination .el-pager li{min-width:32px;height:32px;line-height:32px;font-size:13px}.search-form{margin-bottom:12px}.search-form .el-form-item{margin-bottom:8px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.toolbar .el-button{flex:1;min-width:calc(50% - 4px)}.el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item{padding:0 12px;font-size:13px}}@media (max-width: 480px){.el-table .el-table__header th,.el-table .el-table__body td{padding:6px 4px}.el-card .el-card__header,.el-card .el-card__body{padding:10px 12px}.toolbar .el-button{min-width:100%;flex:1 1 100%}}@media (max-width: 768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}}@media (max-width: 768px){.mobile-full-width{width:100%!important}}@media (max-width: 768px){.mobile-stack{flex-direction:column!important}.mobile-stack>*{width:100%!important;margin-right:0!important;margin-bottom:8px}}@media (max-width: 768px){.header-bar,.page-header,.toolbar{flex-direction:column!important;align-items:flex-start!important}.header-bar .title-section,.page-header .title-section,.toolbar .title-section{width:100%;margin-bottom:12px}.header-bar .title-section h2,.header-bar .title-section h3,.page-header .title-section h2,.page-header .title-section h3,.toolbar .title-section h2,.toolbar .title-section h3{font-size:18px!important}.header-bar .action-section,.header-bar .filter-section,.header-bar .button-section,.page-header .action-section,.page-header .filter-section,.page-header .button-section,.toolbar .action-section,.toolbar .filter-section,.toolbar .button-section{width:100%;flex-direction:column!important;align-items:stretch!important}.header-bar .action-section .el-input,.header-bar .action-section .el-select,.header-bar .action-section .el-date-picker,.header-bar .action-section .el-button,.header-bar .filter-section .el-input,.header-bar .filter-section .el-select,.header-bar .filter-section .el-date-picker,.header-bar .filter-section .el-button,.header-bar .button-section .el-input,.header-bar .button-section .el-select,.header-bar .button-section .el-date-picker,.header-bar .button-section .el-button,.page-header .action-section .el-input,.page-header .action-section .el-select,.page-header .action-section .el-date-picker,.page-header .action-section .el-button,.page-header .filter-section .el-input,.page-header .filter-section .el-select,.page-header .filter-section .el-date-picker,.page-header .filter-section .el-button,.page-header .button-section .el-input,.page-header .button-section .el-select,.page-header .button-section .el-date-picker,.page-header .button-section .el-button,.toolbar .action-section .el-input,.toolbar .action-section .el-select,.toolbar .action-section .el-date-picker,.toolbar .action-section .el-button,.toolbar .filter-section .el-input,.toolbar .filter-section .el-select,.toolbar .filter-section .el-date-picker,.toolbar .filter-section .el-button,.toolbar .button-section .el-input,.toolbar .button-section .el-select,.toolbar .button-section .el-date-picker,.toolbar .button-section .el-button{width:100%!important;margin:5px 0!important}.header-bar .action-section .el-button-group,.header-bar .filter-section .el-button-group,.header-bar .button-section .el-button-group,.page-header .action-section .el-button-group,.page-header .filter-section .el-button-group,.page-header .button-section .el-button-group,.toolbar .action-section .el-button-group,.toolbar .filter-section .el-button-group,.toolbar .button-section .el-button-group{display:flex;flex-wrap:wrap;gap:8px}.header-bar .action-section .el-button-group .el-button,.header-bar .filter-section .el-button-group .el-button,.header-bar .button-section .el-button-group .el-button,.page-header .action-section .el-button-group .el-button,.page-header .filter-section .el-button-group .el-button,.page-header .button-section .el-button-group .el-button,.toolbar .action-section .el-button-group .el-button,.toolbar .filter-section .el-button-group .el-button,.toolbar .button-section .el-button-group .el-button{flex:1;min-width:calc(50% - 4px)}.stats-cards{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.stats-cards .stat-card{padding:12px!important}.stats-cards .stat-card .stat-icon{width:40px!important;height:40px!important}.stats-cards .stat-card .stat-icon .el-icon,.stats-cards .stat-card .stat-info .stat-value{font-size:20px!important}.stats-cards .stat-card .stat-info .stat-label{font-size:12px!important}.el-row{margin:0!important}.el-row .el-col{padding:0!important;margin-bottom:10px;width:100%!important;max-width:100%!important;flex:0 0 100%!important}.btn-text{display:inline!important}}@media (max-width: 480px){.stats-cards{grid-template-columns:1fr!important}.header-bar,.page-header,.toolbar{padding:12px!important}}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#fafbfc;color:#2c3e50;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}::-webkit-scrollbar-thumb{background:#9b59b64d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9b59b680}.el-message-box{width:420px;border-radius:12px;box-shadow:0 12px 40px #00000026}.el-button--primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #673ab74d}.el-button--primary:hover,.el-button--primary:focus{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 16px #673ab766;transform:translateY(-2px);opacity:.9}.el-card{box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.el-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.el-card{border-radius:12px;border:1px solid #f0f0f0;width:100%}.el-table{border-radius:8px;overflow:hidden;width:100%!important}.el-table th{background:linear-gradient(to bottom,#fafbfc,#f5f6f7);color:#2c3e50;font-weight:600}.el-table tr:hover>td{background:#9b59b605!important}.el-input__wrapper{border-radius:8px;transition:all .3s}.el-input__wrapper:hover{border-color:#bb7ed4}.el-input__wrapper.is-focus{box-shadow:0 0 0 3px #9b59b61a}.el-select .el-input__wrapper{border-radius:8px}.el-tag{border-radius:16px;border:none;font-weight:500}#nprogress .bar{background:linear-gradient(90deg,#667eea,#764ba2)!important;height:3px!important}#nprogress .peg{box-shadow:0 0 10px #667eea,0 0 5px #764ba2!important}.page-container,.table-container,.content-container{width:100%;max-width:100%}.el-row,.el-col,.medical-page,.order-page,.order-container,.customer-page,.customer-container,.appointment-page,.appointment-container,.project-page,.project-container,.inventory-page,.inventory-container,.medical-record-page,.medical-container,.marketing-page,.marketing-container,.statistics-page,.statistics-container,.system-page,.system-container,.dashboard-page,.dashboard-container{width:100%}.medical-page>.el-card,.order-page>.el-card,.order-container>.el-card,.customer-page>.el-card,.customer-container>.el-card,.appointment-page>.el-card,.appointment-container>.el-card,.project-page>.el-card,.project-container>.el-card,.inventory-page>.el-card,.inventory-container>.el-card,.medical-record-page>.el-card,.medical-container>.el-card,.marketing-page>.el-card,.marketing-container>.el-card,.statistics-page>.el-card,.statistics-container>.el-card,.system-page>.el-card,.system-container>.el-card,.dashboard-page>.el-card,.dashboard-container>.el-card{width:100%;margin-bottom:20px}.medical-page>.stats-cards,.order-page>.stats-cards,.order-container>.stats-cards,.customer-page>.stats-cards,.customer-container>.stats-cards,.appointment-page>.stats-cards,.appointment-container>.stats-cards,.project-page>.stats-cards,.project-container>.stats-cards,.inventory-page>.stats-cards,.inventory-container>.stats-cards,.medical-record-page>.stats-cards,.medical-container>.stats-cards,.marketing-page>.stats-cards,.marketing-container>.stats-cards,.statistics-page>.stats-cards,.statistics-container>.stats-cards,.system-page>.stats-cards,.system-container>.stats-cards,.dashboard-page>.stats-cards,.dashboard-container>.stats-cards{width:100%}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.stats-cards .stat-card{padding:16px!important;border-radius:8px!important;transition:all .3s ease;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:12px}.stats-cards .stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px #0000001f}.stats-cards .stat-card .stat-icon{width:48px!important;height:48px!important;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stats-cards .stat-card .stat-icon .el-icon{font-size:24px!important;color:#fff}.stats-cards .stat-card .stat-info{flex:1}.stats-cards .stat-card .stat-info .stat-value{font-size:24px!important;font-weight:700;color:#fff;margin-bottom:2px;line-height:1}.stats-cards .stat-card .stat-info .stat-label{font-size:13px!important;color:#ffffffe6}.stats-cards .stat-card .stat-bg-icon{display:none!important}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.page-enter-active{animation:fadeIn .3s}.slide-enter-active{animation:slideInRight .3s}