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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.home-wrapper{display:flex;min-height:100vh;background:#f5f5f5;color:#333;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.top-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary-card{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 3px #0000000f}.summary-title{font-size:13px;color:#555}.summary-value{margin-top:6px;font-size:22px;font-weight:700}.main-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.todo-panel{background:#fff;border-radius:10px;padding:14px;box-shadow:0 1px 3px #0000000f}.todo-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:10px}.todo-summary{font-size:12px;color:#666;text-align:right;line-height:1.4}.todo-total,.todo-red{color:#e53935;margin-left:4px}.todo-blue{color:#1e88e5;margin-left:4px}.todo-list{display:flex;flex-direction:column;gap:8px}.todo-item{display:flex;gap:8px;padding:10px;background:#f7f7f7;border-radius:8px;align-items:flex-start;transition:all .2s}.todo-item-clickable{cursor:pointer}.todo-item-clickable:hover{background:#e8f5e9;border:1px solid #c8e6c9;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.todo-item-clickable:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.todo-item-acknowledged{background:#f0f0f0;opacity:.6}.todo-item-acknowledged.todo-item-clickable:hover{background:#f0f0f0;border:none;transform:none;box-shadow:none}.todo-icon{margin-top:4px;position:relative;display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;padding:6px;border-radius:8px;transition:all .2s}.todo-icon-clickable{cursor:pointer;background:linear-gradient(180deg,#fff,#f7f7f7);border:1.5px solid #d6d6d6;box-shadow:0 1px 2px #00000014}.todo-icon-clickable:hover{background:linear-gradient(180deg,#e9f7ef,#e1f3e8);border-color:#4caf50;transform:scale(1.06);box-shadow:0 3px 8px #4caf5040}.todo-icon-ack{background:linear-gradient(180deg,#f8fdf9,#f1fbf3);border:1.5px solid #a5d6a7;box-shadow:inset 0 1px 2px #a5d6a759}.todo-checkmark{color:#4caf50;font-size:18px;font-weight:700;line-height:1}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;position:relative;z-index:1}.dot.red{background:#e53935}.dot.blue{background:#1e88e5}.dot.gray{background:#9e9e9e}.dot-acknowledged{background:#bdbdbd!important;opacity:.5}.todo-content{flex:1}.todo-text{display:flex;align-items:center;gap:8px;font-size:13px}.todo-message{color:#333}.todo-message-acknowledged{color:#999;text-decoration:line-through}.todo-date{margin-top:4px;font-size:12px;color:#777}.todo-date-acknowledged{color:#bbb}.badge{color:#fff;padding:2px 6px;border-radius:10px;font-size:11px}.todo-pagination{margin-top:10px;display:flex;justify-content:center;gap:6px}.pager-btn{width:30px;height:28px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer}.stat-panels{display:flex;flex-direction:column;gap:14px}.stat-section{background:#fff;border-radius:10px;padding:14px;box-shadow:0 1px 3px #0000000f}.stat-section-title{font-weight:600;margin-bottom:10px}.stat-grid{display:grid;gap:12px}.stat-grid.two-cols{grid-template-columns:repeat(2,1fr)}.stat-grid.three-cols{grid-template-columns:repeat(3,1fr)}.stat-card{background:#f8f8f8;border-radius:8px;padding:12px;border:1px solid #e5e5e5;display:flex;flex-direction:column;gap:6px}.stat-title{font-size:13px;color:#555}.stat-content{display:flex;align-items:center;justify-content:flex-start}.stat-value{font-size:20px;font-weight:700}@media(max-width:1100px){.top-summary{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}}@media(max-width:768px){.content{padding:24px}.stat-grid.three-cols{grid-template-columns:repeat(2,1fr)}}.visa-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.visa-modal-content{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026;animation:visa-modal-fade-in .2s ease-out}@keyframes visa-modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.visa-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.visa-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.visa-modal-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.visa-modal-close:hover{background:#f5f5f5;color:#333}.visa-modal-body{flex:1;overflow-y:auto;padding:24px}.visa-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.visa-detail-block{background:#f8f8f8;border-radius:8px;padding:16px;border:1px solid #e5e5e5}.visa-detail-block h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#333;padding-bottom:8px;border-bottom:2px solid #009b7a}.visa-detail-row{display:flex;margin-bottom:10px;font-size:14px;line-height:1.6}.visa-detail-row:last-child{margin-bottom:0}.visa-detail-label{color:#666;min-width:100px;font-weight:500}.visa-detail-value{color:#333;flex:1;word-break:break-word}.visa-expiry-highlight{color:#e53935;font-weight:600}.visa-link{color:#009b7a;text-decoration:none;word-break:break-all}.visa-link:hover{text-decoration:underline}.visa-remark-content{padding:12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;color:#333;line-height:1.6;white-space:pre-wrap;word-break:break-word}.visa-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.visa-modal-btn{padding:8px 20px;background:#009b7a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.visa-modal-btn:hover{background:#007a63}.visa-modal-btn:active{transform:scale(.98)}@media(max-width:768px){.visa-modal-content{width:95%;max-height:95vh}.visa-detail-grid{grid-template-columns:1fr}.visa-modal-header,.visa-modal-body{padding:16px}.visa-modal-footer{padding:12px 16px}}.schedule-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.schedule-modal-content{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026;animation:schedule-modal-fade-in .2s ease-out}@keyframes schedule-modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.schedule-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.schedule-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.schedule-modal-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.schedule-modal-close:hover{background:#f5f5f5;color:#333}.schedule-modal-body{flex:1;overflow-y:auto;padding:24px}.schedule-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.schedule-detail-block{background:#f8f8f8;border-radius:8px;padding:16px;border:1px solid #e5e5e5}.schedule-detail-block h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#333;padding-bottom:8px;border-bottom:2px solid #009b7a}.schedule-detail-row{display:flex;gap:12px;margin:8px 0;font-size:14px;line-height:1.6}.schedule-detail-label{color:#666;min-width:120px;font-weight:500}.schedule-detail-value{color:#333;flex:1;word-break:break-word}.schedule-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.schedule-modal-btn{background:#009b7a;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.schedule-modal-btn:hover{background:#007a61}.tag{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.tag-warning{background:#fff3cd;color:#856404}.tag-success{background:#d4edda;color:#155724}.tag-default{background:#e2e3e5;color:#383d41}.tag-danger{background:#f8d7da;color:#721c24}.sidebar{width:200px;background:#f0f0f0;border-right:1px solid #e0e0e0;padding:16px 12px;display:flex;flex-direction:column;gap:12px}.brand{display:flex;gap:8px;align-items:center;padding:8px;border-radius:6px;background:#fff}.brand-icon{width:120px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-name{font-weight:700;font-size:15px}.brand-subtitle{font-size:12px;color:#666}.nav{display:flex;flex-direction:column;gap:6px}.nav-section-title{margin-top:4px;font-size:12px;color:#999;padding:0 8px}.nav-item{padding:8px 10px;border-radius:6px;background:#fff;display:flex;flex-direction:column;gap:2px;cursor:pointer;font-size:14px;font-weight:500;color:#333}.nav-item>span{font-size:14px;font-weight:500}.nav-item.active{background:#009b7a;color:#fff}.nav-desc{font-size:11px;color:inherit;opacity:.8}.version{margin-top:auto;font-size:12px;color:#888;text-align:center}@media(max-width:768px){.sidebar{display:none}}.customer-wrapper{display:flex;min-height:100vh;background:#f7f7f7;color:#333;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.search-bar{display:flex;gap:12px;align-items:center}.search-bar input{flex:1;padding:12px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff}.add-btn{background:#009b7a;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;cursor:pointer}.add-btn:hover{background:#008267}.link-btn{border:none;background:transparent;color:#1e88e5;cursor:pointer;padding:0 6px}.customer-table{width:100%;border-collapse:collapse}.customer-table th,.customer-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #f0f0f0;font-size:14px}.customer-table thead{background:#fafafa;color:#666}.customer-table tbody tr:hover{background:#f9fbfa}.text-link{color:#1e88e5;cursor:pointer}.tag-success{background:#00a364}.row-actions{text-align:right;color:#999;cursor:pointer;display:flex;justify-content:flex-end;gap:12px;align-items:center}.panel-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:16px}.panel-header{display:flex;justify-content:space-between;align-items:center}.panel-title{margin:4px 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px 16px;margin-top:16px}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{font-size:13px;color:#555}.form-row input,.form-row textarea,.form-row select{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff}.form-row textarea{min-height:120px}.form-actions{grid-column:1 / -1;display:flex;gap:10px;justify-content:flex-start;margin-top:8px}.primary-btn{background:#009b7a;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.ghost-btn{background:#fff;color:#333;border:1px solid #d0d0d0;padding:10px 18px;border-radius:8px;cursor:pointer}.detail-layout{padding:16px}.detail-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.detail-title{margin:0;font-size:20px;font-weight:700}.detail-actions{margin-left:auto;display:flex;gap:8px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px}.detail-block{background:#f8f8f8;border:1px solid #e5e5e5;border-radius:8px;padding:12px}.detail-row{display:flex;gap:8px;font-size:14px;margin:4px 0}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:8px}.photo-preview-item{position:relative;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff}.photo-preview-image{width:100%;height:120px;object-fit:cover;display:block}.record-files{margin-top:8px;padding:8px;background:#f9f9f9;border-radius:4px}.record-file-label{font-size:12px;color:#666;margin-bottom:4px}.record-file-link{font-size:12px;color:#009b7a;cursor:pointer;text-decoration:underline;padding:2px 6px;background:#fff;border-radius:3px;border:1px solid #e0e0e0;transition:all .2s}.record-file-link:hover{background:#009b7a;color:#fff;border-color:#009b7a}.sub-block{margin-top:8px}.sub-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sub-block-title{font-weight:600;padding:6px 12px;background:#009b7a;color:#fff;border:none;border-radius:4px;font-size:13px;display:inline-block}.add-record-btn{padding:6px 12px;background:#009b7a;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background .2s}.add-record-btn:hover{background:#007a61}.record-card{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:8px;margin-bottom:6px;position:relative}.record-actions{position:absolute;right:8px;top:8px;display:flex;gap:4px}.record-date{color:#666;font-size:12px}.record-title{font-weight:600;margin:4px 0}.record-desc,.record-remark{font-size:13px;color:#555}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e5e5}.pagination-btn{padding:6px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:13px;color:#333;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#009b7a;color:#fff;border-color:#009b7a}.pagination-btn:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed;border-color:#e0e0e0}.pagination-info{font-size:13px;color:#666;min-width:60px;text-align:center}@media(max-width:768px){.content{padding:24px}.customer-table th,.customer-table td{padding:10px 12px}.form-grid,.detail-grid{grid-template-columns:1fr}}#customer-form-container.panel-card{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;padding:20px 24px;position:relative;min-height:500px}#customer-form-container .panel-header{margin-bottom:12px;border-bottom:1px solid #eee;padding-bottom:12px}#customer-form-container .breadcrumb{font-size:14px;color:#999;margin-bottom:4px}#customer-form-container .panel-title{font-size:18px;font-weight:600;color:#333;margin:0}#customer-form-container .form-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:24px;row-gap:6px}#customer-form-container .form-row{display:flex;flex-direction:column;gap:2px;align-items:flex-start;min-height:66px}#customer-form-container .form-row.full-width{grid-column:1 / -1;min-height:auto}#customer-form-container .form-row label{font-size:13px;color:#666;font-weight:500;line-height:1.3}#customer-form-container .required-star{color:#e53935;margin-left:4px}#customer-form-container .form-row label.required:after{content:" *";color:#ff4d4f}#customer-form-container .input-wrapper{width:100%;position:relative}#customer-form-container .form-row input,#customer-form-container .form-row select,#customer-form-container .form-row textarea{width:100%;padding:6px 10px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;color:#333;transition:all .3s;box-sizing:border-box;height:36px}#customer-form-container .form-row textarea{height:auto;padding:8px}#customer-form-container .form-row input:focus,#customer-form-container .form-row select:focus,#customer-form-container .form-row textarea:focus{border-color:#009b7a;outline:none;box-shadow:0 0 0 2px #009b7a1a}#customer-form-container .input-readonly{background-color:#f5f5f5;color:#666;cursor:not-allowed}#customer-form-container .char-counter{display:block;text-align:right;font-size:12px;color:#999;margin-top:1px;line-height:1;height:12px}#customer-form-container .form-actions{grid-column:1 / -1;display:flex;justify-content:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid #eee}#customer-form-container .primary-btn{background-color:#009b7a;color:#fff;border:none;padding:8px 32px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}#customer-form-container .ghost-btn{background-color:#fff;color:#666;border:1px solid #d9d9d9;padding:8px 32px;border-radius:4px;cursor:pointer;font-size:14px}#customer-form-container .upload-area{border:2px dashed #e0e0e0;border-radius:8px;padding:16px;text-align:center;background:#fafafa;transition:border-color .3s}#customer-form-container .upload-area:hover{border-color:#009b7a}#customer-form-container .upload-btn-label{cursor:pointer;display:inline-block;padding:6px 16px;background:#009b7a;color:#fff;border-radius:4px;font-size:13px}#customer-form-container .upload-hint{margin-top:6px;font-size:12px;color:#999}#customer-form-container .file-item{padding:6px 10px;background:#fff;border:1px solid #eee;margin-top:6px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;font-size:13px}#customer-form-container .delete-btn{border:none;background:transparent;color:#e53935;cursor:pointer;font-size:14px}#customer-form-container .photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px}#customer-form-container .photo-preview-item{position:relative;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff}#customer-form-container .photo-preview-image{width:100%;height:120px;object-fit:cover;display:block}#customer-form-container .delete-photo-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;background:#e53935e6;color:#fff;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s}#customer-form-container .delete-photo-btn:hover{background:#e53935}.image-preview-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.image-preview-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.image-preview-full{max-width:100%;max-height:90vh;object-fit:contain;display:block}.image-preview-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;background:#0009;color:#fff;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10}.image-preview-close:hover{background:#000c}.modal-content-box{background-color:#fff;padding:24px;border-radius:8px;width:320px;box-shadow:0 4px 12px #00000026;text-align:center}.modal-confirm-btn{background-color:#009b7a;color:#fff;border:none;padding:8px 24px;border-radius:4px;cursor:pointer;margin-top:16px;font-size:14px}.record-btn{padding:4px 12px;border:1px solid #d0d0d0;border-radius:4px;background:#fff;color:#666;cursor:pointer;font-size:12px;transition:all .2s}.record-btn:hover{border-color:#009b7a;color:#009b7a}.record-btn.edit-btn:hover{background-color:#f0f9ff;border-color:#009b7a;color:#009b7a}.record-btn.delete-btn{color:#e53935}.record-btn.delete-btn:hover{background-color:#fee;border-color:#e53935;color:#c33}.record-btn.confirm-btn{background-color:#009b7a;color:#fff;border-color:#009b7a}.record-btn.confirm-btn:hover{background-color:#007f63;border-color:#007f63}.record-btn.menu-btn{padding:4px 10px;font-size:16px;font-weight:700;color:#666;background-color:#f5f5f5}.record-btn.menu-btn:hover{background-color:#e0e0e0;color:#333}.record-menu{position:absolute;right:0;top:100%;z-index:100;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:100px;margin-top:4px}.record-menu-item{display:block;width:100%;padding:8px 12px;text-align:left;background:none;border:none;color:#333;font-size:13px;cursor:pointer;transition:background-color .2s}.record-menu-item:hover{background-color:#f0f9ff;color:#009b7a}.record-menu-item.delete:hover{background-color:#fee;color:#e53935}.record-hospital{font-size:12px;color:#666;margin:2px 0}.record-detail{margin-top:12px;padding:12px;background-color:#f9f9f9;border-radius:4px;border-left:3px solid #009b7a}.record-detail .detail-row{display:flex;margin:4px 0;font-size:13px;line-height:1.5}.record-detail .detail-row span:first-child{font-weight:600;color:#666;min-width:120px;flex-shrink:0}.record-detail .detail-row span:last-child{color:#333;flex:1;word-break:break-word}.record-file-list{display:flex;flex-wrap:wrap;gap:8px}.record-file-link{color:#009b7a;cursor:pointer;text-decoration:underline;font-size:12px}.record-file-link:hover{color:#007f63}.medical-record-form{background:#fff;border-radius:8px;padding:24px;margin-bottom:16px}.treatment-record-form{background:#fff;border-radius:8px;padding:24px;margin-bottom:16px}.form-header{margin-bottom:20px}.form-header h3{font-size:18px;font-weight:600;color:#333;margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group label{display:block;font-size:14px;color:#333;margin-bottom:8px;font-weight:500}.form-group label.required:after{content:" *";color:#ff4d4f}.form-input,.form-textarea{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;color:#333;background:#fff;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#009b7a}.date-input-wrapper{position:relative}.date-input-wrapper .date-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:16px}.file-upload-area{border:2px dashed #e0e0e0;border-radius:8px;padding:24px;text-align:center;background:#fafafa}.file-upload-container{display:flex;flex-direction:column;gap:12px}.file-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#009b7a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s;width:fit-content}.file-upload-btn:hover:not(:disabled){background:#007a61}.file-upload-btn:disabled{background:#ccc;cursor:not-allowed}.upload-icon{width:16px;height:16px}.upload-text{font-size:14px}.file-upload-hint{font-size:12px;color:#999;margin-top:8px}.file-list{display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;color:#333}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:12px}.file-name.clickable{cursor:pointer;color:#009b7a;text-decoration:underline}.file-name.clickable:hover{color:#007a61}.file-remove-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#e539351a;border:none;border-radius:4px;color:#e53935;cursor:pointer;font-size:14px;transition:background .2s;flex-shrink:0}.file-remove-btn:hover{background:#e53935;color:#fff}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0}.btn-save,.btn-cancel{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:500}.btn-cancel{background:#333;color:#fff}.btn-cancel:hover{background:#555}.btn-save span,.btn-cancel span{font-size:16px}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:12px}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:#fff;border-radius:8px;width:500px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000026;position:relative}.modal-header{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:18px;font-weight:600;color:#333;margin:0}.modal-close{background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:4px}.modal-body{padding:24px;overflow-y:auto}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;color:#333;margin-bottom:6px;font-weight:500}.form-input,.form-textarea{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;color:#333;background:#fff;box-sizing:border-box;transition:border-color .3s}.form-input:focus,.form-textarea:focus{outline:none;border-color:#009b7a;box-shadow:0 0 0 2px #009b7a1a}.form-textarea{resize:vertical;min-height:80px}.char-counter{display:block;text-align:right;font-size:12px;color:#999;margin-top:4px;line-height:1}.modal-footer{padding:20px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px;background-color:#fff;border-radius:0 0 8px 8px}.btn-save,.btn-cancel{padding:8px 24px;border:none;border-radius:4px;font-size:14px;cursor:pointer;font-weight:500}.btn-save{background:#009b7a;color:#fff}.btn-save:hover{background:#007a61}.btn-cancel{background:#f5f5f5;color:#666;border:1px solid #d9d9d9}.btn-cancel:hover{background:#e0e0e0}.error-modal-overlay{position:absolute;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2100;border-radius:8px}.error-modal-box{background-color:#fff;padding:24px;border-radius:8px;width:300px;box-shadow:0 4px 12px #00000026;text-align:center}.error-title{color:#e53935;margin:0 0 12px;font-size:16px;font-weight:600}.error-btn{background-color:#009b7a;color:#fff;border:none;padding:6px 20px;border-radius:4px;cursor:pointer;margin-top:16px;font-size:14px}.schedule-wrapper{display:flex;min-height:100vh;background:#f7f7f7;color:#333;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.content{flex:1;padding:20px 24px;margin:0 100px;display:flex;flex-direction:column;gap:16px}.content-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.header-actions{display:flex;gap:8px;align-items:center}.filter-bar{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.filter-bar input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px}.filter-bar select{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;min-width:120px}.filter-actions{display:flex;gap:8px}.filter-inline{display:flex;gap:6px;align-items:center}.table-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.schedule-table{width:100%;border-collapse:collapse}.schedule-table th,.schedule-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #f0f0f0;font-size:13px;vertical-align:top}.schedule-table td.remark-cell,.schedule-table td.record-cell{max-width:400px;max-height:200px;overflow-y:auto}.schedule-table td.remark-cell .html-renderer,.schedule-table td.record-cell .html-renderer{max-height:80px;overflow-y:auto;word-break:break-word;white-space:pre-wrap}.schedule-table thead{background:#fafafa;color:#666}.row-actions .link-btn{border:none;background:transparent;color:#1e88e5;cursor:pointer}.tag{display:inline-block;padding:4px 8px;border-radius:10px;font-size:12px;color:#fff}.tag-success{background:#4caf50}.tag-warning{background:#f6a623}.tag-default{background:#9e9e9e}.tag-danger{background:#e53935}.calendar-panel{display:flex;flex-direction:column;gap:12px}.calendar-header{display:flex;justify-content:space-between;align-items:center}.calendar-actions{display:flex;gap:8px;align-items:center}.calendar-body{display:grid;grid-template-columns:220px 1fr;gap:12px}.calendar-legend{background:#f8f8f8;border:1px solid #e5e5e5;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}.legend-title{font-weight:600;margin-bottom:4px}.legend-item{display:flex;gap:6px;align-items:center;font-size:13px}.legend-dot{width:12px;height:12px;border-radius:4px}.calendar-grid{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:12px;min-height:420px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.calendar-event{color:#fff;padding:10px;border-radius:8px;cursor:pointer}.event-title{font-weight:700}.event-time{font-size:12px;margin:4px 0}.event-desc{font-size:13px}.form-panel .form-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,1fr);column-gap:24px;row-gap:8px}.form-panel .form-row{display:flex;flex-direction:column;gap:4px;min-height:68px}.form-panel .form-row label.required:after{content:" *";color:#ff4d4f}.form-panel .form-row input,.form-panel .form-row textarea,.form-panel .form-row select{width:100%;box-sizing:border-box;padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px}.form-panel textarea{min-height:100px;resize:vertical}.form-panel .form-actions{grid-column:1 / -1;display:flex;gap:12px;margin-top:16px;justify-content:center}@media(max-width:768px){.sidebar{display:none}.content{padding:24px;margin:0}.header-actions{flex-wrap:wrap;gap:8px}.header-actions button{flex:1;min-width:calc(50% - 4px);height:44px;display:flex;align-items:center;justify-content:center;padding:0;font-size:14px}.calendar-actions{display:flex;flex-direction:column;gap:8px}.calendar-actions .ghost-btn{width:100%;height:44px;display:flex;align-items:center;justify-content:center}.calendar-range{display:flex;align-items:center;gap:6px;flex:1}.calendar-range input{flex:1;min-width:0;height:44px;padding:8px;border:1px solid #ddd;border-radius:8px;font-size:14px;box-sizing:border-box}.calendar-range button{flex:1;height:44px;padding:0;display:flex;align-items:center;justify-content:center}.calendar-body,.form-panel .form-grid{grid-template-columns:1fr}.schedule-table thead{display:none}.schedule-table tbody{display:flex;flex-direction:column;gap:12px}.schedule-table tbody tr{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px;gap:8px}.schedule-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f5f5f5}.schedule-table tbody tr td:last-child{border-bottom:none}.schedule-table tbody tr td:before{content:attr(data-label);font-weight:500;color:#666;margin-right:12px}.row-actions{justify-content:flex-start;gap:16px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:28px;line-height:1;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#333}.modal-body{padding:20px}.detail-row{display:flex;margin-bottom:16px;align-items:flex-start}.detail-label{font-weight:600;color:#333;min-width:80px;flex-shrink:0}.detail-value{flex:1;color:#666;word-break:break-word}.modal-footer{padding:16px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}.finance-wrapper{display:flex;min-height:100vh;background:#f7f7f7;color:#333;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.content-header{display:flex;justify-content:space-between;align-items:center}.finance-search{display:flex;gap:8px}.finance-search input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:8px}.search-btn{width:40px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer}.toolbar{display:flex;gap:8px}.ghost-btn{background:#fff;border:1px solid #d0d0d0;border-radius:8px;padding:8px 12px;cursor:pointer}.finance-tabs{display:flex;gap:8px;margin-bottom:12px}.tab{padding:8px 14px;border:1px solid #d0d0d0;border-radius:8px;background:#fff;cursor:pointer}.tab.active{background:#009b7a;color:#fff;border-color:#009b7a}.panel-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:14px}.finance-table{width:100%;border-collapse:collapse}.finance-table th,.finance-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #f0f0f0;font-size:13px}.finance-table thead{background:#fafafa;color:#666}.finance-table-card .row-actions{text-align:right}.row-actions .ghost-btn{padding:6px 10px}.table-footer{display:flex;justify-content:center;padding:12px 0}.pagination{display:flex;gap:6px}.pager-btn{min-width:32px;height:30px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;padding:0 10px}.pager-btn.active{border-color:#009b7a;color:#009b7a}.detail-title{text-align:center;margin:12px 0;font-size:16px;font-weight:700}.link-btn{background:none;border:none;color:#009b7a;cursor:pointer;padding:8px 0;font-size:14px}.link-btn:hover{text-decoration:underline}.pager-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.content{padding:24px}}.hospital-wrapper{display:flex;min-height:100vh;background:#f7f7f7;color:#333;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.hospital-header{display:flex;justify-content:space-between;align-items:center}.content-subtitle{font-size:14px;color:#666;margin:4px 0 8px}.hospital-toolbar{display:flex;justify-content:flex-end;padding:40px 40px 30px}.hospital-search{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:8px}.hospital-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:0 40px 40px;overflow-y:auto}.hospital-card{background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;overflow:visible;position:relative}.card-title{height:140px;padding:24px;display:flex;justify-content:space-between;align-items:flex-start}.card-icon{width:36px;height:36px;border:1px solid #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#888;font-size:20px;font-weight:300}.card-more{margin-left:auto;color:#999;background:none;border:none;font-size:24px;font-weight:700;color:#aaa;cursor:pointer;line-height:1;padding:0 8px}.card-bottom{background-color:#e1f1fa;padding:16px 20px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-top:auto}.menu-container{position:relative}.dropdown-menu{position:absolute;top:0%;right:100%;width:100px;background:#fff;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000026;border-radius:4px;z-index:10;display:flex;flex-direction:column;padding:4px 0}.menu-item{background:none;border:none;text-align:left;padding:8px 16px;font-size:13px;cursor:pointer;width:100%}.menu-item:hover{background-color:#f5f5f5}.text-blue{color:#1890ff}.text-gray{color:#666}.text-red{color:#ff4d4f}.hospital-info{display:flex;align-items:center;gap:12px}.hospital-name{font-size:18px;font-weight:700;color:#333}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;color:var(--text-secondary)}.info-item{display:flex;align-items:center;gap:8px}.dot-icon{font-style:normal;color:#aaa;font-size:12px}.form-card{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;padding:20px 24px;position:relative;min-height:500px}.form-header{margin-bottom:12px;border-bottom:1px solid #eee;padding-bottom:12px}.form-header .breadcrumb{font-size:14px;color:#999;margin-bottom:4px}.form-header .panel-title{font-size:18px;font-weight:600;color:#333;margin:0}.form-title{margin:0 0 20px;font-size:18px;font-weight:600;color:#333;padding-bottom:8px;border-bottom:1px solid #eee}.hospital-form{display:grid;grid-template-columns:1fr;row-gap:16px;padding:0}.hospital-form .form-row{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-height:70px}.hospital-form .form-row.double-input{flex-direction:row;gap:24px;align-items:flex-start}.hospital-form .form-row.double-input .input-pair{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.hospital-form .form-row.full-width{grid-column:1 / -1;min-height:auto}.hospital-form .form-row label{font-size:13px;color:#666;font-weight:500;line-height:1.3}.file-upload-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:6px}.file-upload-header label{font-size:13px;color:#666;font-weight:500;line-height:1.3;margin:0}.file-upload-section{display:flex;flex-direction:column;gap:6px;min-width:200px;align-self:flex-start;margin-top:24px;width:100%}.input-pair-row{display:flex;gap:24px;align-items:flex-start}.file-upload-section{display:flex;flex-direction:column;gap:6px;min-width:200px;align-self:flex-start;margin-top:24px}.file-upload-section label{font-size:13px;color:#666;font-weight:500;line-height:1.3}.file-upload-btn{background-color:#fff;color:#009b7a;border:1px solid #009b7a;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;align-self:flex-start;width:fit-content}.upload-container{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap}.file-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;flex:1;min-width:200px;align-self:center}.file-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;font-size:14px}.file-name{flex:1;color:#374151}.file-name.clickable{cursor:pointer;text-decoration:underline;color:#009b7a}.file-name.clickable:hover{color:#007a62}.file-remove-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;padding:0 4px;line-height:1}.file-remove-btn:hover{color:#ef4444}.file-display-section{display:flex;flex-direction:column;gap:6px;min-width:200px;align-self:flex-start;margin-top:24px;width:100%}.hospital-form .form-row .input-wrapper.half{flex:1;min-width:0}.hospital-form .form-row .upload-section{display:flex;justify-content:flex-end;margin-top:8px}.upload-btn{background-color:#009b7a;color:#fff;border:none;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:13px;height:fit-content}.upload-btn:disabled{background-color:#ccc;cursor:not-allowed}.file-input{display:none}.required-star{color:#e53935;margin-left:4px}.input-wrapper{width:100%;position:relative}.hospital-form .form-row label{display:block;font-size:14px;font-weight:700;margin-bottom:8px;color:#4a4a4a}.hospital-form .form-row label.required:after{content:" *";color:#ff4d4f}.hospital-form input,.hospital-form select,.hospital-form textarea{width:100%;background-color:#f9fafb;border:1px solid transparent;border-radius:6px;padding:12px 16px;font-size:14px;box-sizing:border-box;transition:all .2s;color:#333;font-family:inherit;height:auto}.hospital-form textarea{min-height:100px;resize:none}.hospital-form textarea.large{min-height:140px}.hospital-form input::placeholder,.hospital-form textarea::placeholder{color:#d1d5db}.hospital-form input:focus,.hospital-form select:focus,.hospital-form textarea:focus{outline:none;background-color:#fff;border-color:#e5e7eb;box-shadow:0 0 0 2px #e6f0ff80}.hospital-form input.error,.hospital-form textarea.error{border-color:#ff4d4f;background-color:#fff8f8}.hospital-form .form-row.double-input{display:flex;gap:24px}.hospital-form .form-row.double-input>div{flex:1}.input-with-upload{display:flex;gap:16px;align-items:flex-end}.input-with-upload .form-textarea{flex:1}.form-row.full-width .input-with-upload,.input-with-upload textarea{width:100%}.file-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:80px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;padding:0;transition:background-color .2s;font-size:14px;color:#3c4043;font-weight:500}.file-upload-btn:hover{background-color:#f9fafb}.file-upload-btn:disabled{background-color:#f5f5f5;color:#ccc;border-color:#ccc;cursor:not-allowed}.upload-icon{width:24px;height:24px;margin-bottom:8px;color:#9ca3af}.upload-text{font-size:12px;color:#6b7280}.upload-preview{display:none;margin-top:12px;padding:12px;border:1px dashed #d1d5db;border-radius:6px;background-color:#f9fafb}.upload-preview.show{display:block}.preview-info{display:flex;align-items:center;gap:12px;font-size:13px}.file-icon{color:#3b82f6;font-size:18px}.input-readonly{background-color:#f5f5f5;color:#666;cursor:not-allowed}.form-row-with-upload{display:flex;gap:16px;align-items:flex-end;width:100%}.char-counter{display:block;text-align:right;font-size:12px;color:#999;margin-top:1px;line-height:1;height:12px}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:16px;margin-top:16px;padding:16px;background-color:#f5f5f5;border-top:1px solid #eee}.form-actions .ghost-btn{background-color:#000;color:#fff;border:none;padding:8px 32px;border-radius:4px;cursor:pointer;font-size:14px}.form-actions .primary-btn{background-color:#1890ff;color:#fff;border:none;padding:8px 32px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}@media(max-width:768px){.hospital-grid{grid-template-columns:1fr}.content{padding:24px}.hospital-form{grid-template-columns:1fr}}@media(max-width:768px){.form-card{padding:16px}.hospital-form{column-gap:16px;row-gap:8px}.hospital-form .form-row.double-input{flex-direction:column;gap:12px}.hospital-form .form-row.double-input>div,.hospital-form .form-row.double-input .input-pair{width:100%}.form-actions{flex-direction:column;align-items:center}.primary-btn,.ghost-btn{width:100%;max-width:300px}.input-with-upload{flex-direction:column;align-items:stretch;gap:12px}.input-with-upload textarea{width:100%}.input-with-upload .file-upload-btn{width:100%;max-width:100%;height:60px}}.highlight-field{border:2px solid #ffd700;border-radius:8px;padding:16px;background-color:#fff9c4;margin:8px 0}.highlight-field .input-readonly{background-color:#fff}.highlight-label{color:#d35400;font-weight:700;font-size:16px}.settings-wrapper{display:flex;min-height:100vh;background:#f7f7f7;color:#333;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.content{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.settings-header{display:flex;justify-content:space-between;align-items:center}.breadcrumb{font-size:12px;color:#999}.content-title{margin:2px 0;font-size:20px}.content-subtitle{font-size:12px;color:#777}.logout-btn{border:1px solid #d0d0d0;background:#fff;padding:8px 12px;border-radius:6px;cursor:pointer}.logout-btn:hover{border-color:#009b7a;color:#009b7a}.settings-toolbar{display:flex;justify-content:space-between;align-items:center}.toolbar-title{font-weight:600}.primary-btn{background:#009b7a;color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer}.ghost-btn{background:#fff;border:1px solid #d0d0d0;border-radius:8px;padding:6px 10px;cursor:pointer}.settings-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.settings-table th,.settings-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #f0f0f0;font-size:13px}.settings-table thead{background:#fafafa;color:#666}.row-actions{display:flex;gap:6px}.settings-form-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:16px}.form-title{margin:0 0 12px;font-size:16px;font-weight:700}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:12px 14px}.settings-form .form-row{display:flex;flex-direction:column;gap:6px}.settings-form input,.settings-form select,.settings-form textarea{padding:10px 12px;border:1px solid #ddd;border-radius:8px}.settings-form .full{grid-column:1 / -1}.radio-group{display:flex;gap:18px;padding:10px 0}.form-actions{grid-column:1 / -1;display:flex;gap:10px}@media(max-width:768px){.content{padding:24px}.settings-form{grid-template-columns:1fr}}.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.login-container{width:100%;max-width:400px;padding:20px;display:flex;flex-direction:column;gap:24px}.login-brand{display:flex;gap:12px;align-items:center;justify-content:center;padding:16px;border-radius:8px;background:#fff}.login-brand-icon{width:160px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-brand-text{display:flex;flex-direction:column;gap:4px}.login-brand-name{font-weight:700;font-size:20px;color:#333}.login-brand-subtitle{font-size:13px;color:#666}.login-form-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000001a}.login-title{font-size:24px;font-weight:600;color:#333;margin:0 0 24px;text-align:center}.login-form{display:flex;flex-direction:column;gap:20px}.login-form-row{display:flex;flex-direction:column;gap:8px}.login-form-row label{font-size:14px;font-weight:500;color:#333}.login-form-row input[type=text],.login-form-row input[type=password]{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;background:#fff;transition:border-color .2s}.login-form-row input[type=text]:focus,.login-form-row input[type=password]:focus{outline:none;border-color:#009b7a}.login-form-row input[type=text]:disabled,.login-form-row input[type=password]:disabled{background:#f5f5f5;cursor:not-allowed}.login-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#666;font-weight:400}.login-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.login-error{padding:10px 12px;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:13px;text-align:center}.login-submit-btn{padding:12px;background:linear-gradient(135deg,#009b7a,#00c196);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s}.login-submit-btn:hover:not(:disabled){opacity:.9}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-version{text-align:center;font-size:12px;color:#999;padding:8px}.mobile-nav{display:none}@media(max-width:768px){.mobile-nav{display:block}}.mobile-nav-toggle{position:fixed;top:16px;left:16px;width:44px;height:44px;background:#009b7a;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;box-shadow:0 2px 8px #00000026;transition:background-color .2s}.mobile-nav-toggle:hover{background:#007a62}.hamburger{display:flex;flex-direction:column;gap:5px;width:20px}.hamburger span{width:100%;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav-menu{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:#fff;box-shadow:2px 0 12px #00000026;transition:left .3s ease;display:flex;flex-direction:column;z-index:1002}.mobile-nav-menu.open{left:0}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background:#f9f9f9}.mobile-nav-title{font-size:18px;font-weight:600;color:#333}.mobile-nav-close{width:32px;height:32px;background:none;border:none;font-size:28px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.mobile-nav-close:hover{background:#f0f0f0;color:#333}.mobile-nav-items{flex:1;overflow-y:auto;padding:12px 0}.mobile-nav-item{width:100%;padding:16px 20px;background:none;border:none;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background-color .2s;text-align:left}.mobile-nav-item:hover{background:#f5f5f5}.mobile-nav-item.active{background:#e6f7f3;color:#009b7a}.mobile-nav-item.active .mobile-nav-icon{color:#009b7a}.mobile-nav-label{font-size:15px;color:#333;font-weight:500}.mobile-nav-logout:hover{background:#fff1f0;border-color:#ff7875}.mobile-nav-logout .mobile-nav-icon,.mobile-nav-logout .mobile-nav-label{color:#ff4d4f}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.App{min-height:100vh;background-color:#f5f5f5}.App-header{background-color:#282c34;padding:20px;color:#fff;text-align:center}.App-header h1{margin:0;font-size:24px}main{max-width:1200px;margin:0 auto;padding:20px}
