*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:11px;color:#1a1a2e;background:#e8eaed}.legacy-app{display:flex;flex-direction:column;height:100vh;width:100%;min-width:1200px}.top-bar{background:linear-gradient(180deg,#3a5a7c,#2d4a6a);color:#d4dce6;height:28px;display:flex;align-items:center;padding:0 12px;font-size:11px;border-bottom:1px solid #1e3550;flex-shrink:0}.top-bar .app-title{font-weight:700;color:#fff;letter-spacing:.5px}.top-bar .top-bar-right{margin-left:auto;display:flex;gap:16px;color:#a8bed0;font-size:10px}.status-strip{background:#4a6a8a;color:#c0d0e0;height:22px;display:flex;align-items:center;padding:0 12px;font-size:10px;border-bottom:1px solid #3a5a7c;flex-shrink:0}.status-strip .status-item{margin-right:20px}.status-strip .status-item span{color:#e0e8f0}.main-container{display:flex;flex:1;overflow:hidden}.sidebar{width:200px;background:#2b3544;border-right:1px solid #1a2533;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.sidebar-header{background:#364559;color:#c0cfe0;padding:6px 10px;font-size:11px;font-weight:700;border-bottom:1px solid #1a2533;text-transform:uppercase;letter-spacing:.5px}.sidebar-group{border-bottom:1px solid #1a2533}.sidebar-item{padding:5px 10px 5px 18px;color:#8fa8c4;cursor:pointer;font-size:11px;border-bottom:1px solid rgba(26,37,51,.5);display:flex;align-items:center;gap:6px;text-decoration:none;-webkit-user-select:none;user-select:none}.sidebar-item:hover{background:#3a4d63;color:#d0dce8}.sidebar-item.active{background:#4a6580;color:#fff}.sidebar-item .icon{font-size:10px;width:14px;text-align:center;color:#5a7a9a}.content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#eef0f3}.content-header{background:linear-gradient(180deg,#d0d8e0,#c0c8d2);padding:4px 12px;border-bottom:1px solid #a0a8b4;font-size:12px;font-weight:700;color:#2a3a4e;flex-shrink:0}.content-body{flex:1;overflow-y:auto;padding:10px}.footer-bar{background:linear-gradient(180deg,#c8d0d8,#b0b8c4);border-top:1px solid #98a0ac;height:32px;display:flex;align-items:center;padding:0 8px;gap:4px;flex-shrink:0}.footer-btn{background:linear-gradient(180deg,#e8ecf0,#d0d4d8);border:1px solid #98a0ac;color:#2a3a50;padding:2px 12px;font-size:10px;cursor:pointer;font-family:inherit;height:22px;display:flex;align-items:center;gap:4px}.footer-btn:hover{background:linear-gradient(180deg,#f0f4f8,#dce0e4)}.footer-btn:active{background:linear-gradient(180deg,#c0c4c8,#b0b4b8)}.footer-btn .fkey{font-weight:700;color:#5a6a7e;font-size:9px}.footer-spacer{flex:1}.audit-line{font-size:9px;color:#6a7a8e;margin-left:auto;padding-right:8px}.search-panel{background:#f0f2f5;border:1px solid #b0b8c4;padding:8px 10px;margin-bottom:8px}.search-panel .search-row{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.search-field{display:flex;flex-direction:column;gap:2px}.search-field label{font-size:10px;color:#4a5a6e;font-weight:700}.search-field input,.search-field select{height:22px;padding:0 4px;border:1px solid #a0a8b4;background:#fff;font-size:11px;font-family:inherit;color:#1a1a2e}.search-field input:focus,.search-field select:focus{outline:none;border-color:#4a7aaa;box-shadow:0 0 2px #4a7aaa4d}.search-field input{width:120px}.search-field select{width:130px}.btn-search{background:linear-gradient(180deg,#5a8ab0,#4a7aa0);color:#fff;border:1px solid #3a6a90;padding:0 16px;height:22px;font-size:11px;cursor:pointer;font-family:inherit;font-weight:700}.btn-search:hover{background:linear-gradient(180deg,#6a9ac0,#5a8ab0)}.status-line{font-size:10px;color:#5a6a7e;padding:4px 0;border-top:1px solid #d0d4d8;margin-top:6px}.status-line span{font-weight:700}.data-table{width:100%;border-collapse:collapse;font-size:11px;background:#fff}.data-table th{background:linear-gradient(180deg,#d8dce2,#c8ccd4);border:1px solid #a0a8b0;padding:3px 6px;font-weight:700;color:#2a3a4e;text-align:center;font-size:10px;white-space:nowrap;-webkit-user-select:none;user-select:none}.data-table td{border:1px solid #c0c8d0;padding:2px 4px;text-align:center;vertical-align:middle}.data-table tr:nth-child(2n){background:#f4f6f8}.data-table tr:hover{background:#e4eaf0}.data-table input[type=text],.data-table input[type=number]{width:100%;height:20px;padding:0 3px;border:1px solid #c0c8d0;font-size:11px;font-family:inherit;text-align:center;background:#fafbfc}.data-table input[type=text]:focus,.data-table input[type=number]:focus{outline:none;border-color:#4a7aaa;background:#fff}.data-table select{width:100%;height:20px;padding:0 2px;border:1px solid #c0c8d0;font-size:10px;font-family:inherit;background:#fafbfc}.data-table select:focus{outline:none;border-color:#4a7aaa}.data-table input[type=checkbox]{cursor:pointer}.table-actions{display:flex;gap:6px;margin-bottom:6px}.table-action-btn{background:linear-gradient(180deg,#e8ecf0,#d0d4d8);border:1px solid #98a0ac;color:#2a3a50;padding:2px 10px;font-size:10px;cursor:pointer;font-family:inherit;height:22px}.table-action-btn:hover{background:linear-gradient(180deg,#f0f4f8,#dce0e4)}.success-banner{background:#d4edda;border:1px solid #a0c8a0;color:#1a5c2e;padding:4px 10px;font-size:11px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.error-banner{background:#f8d7da;border:1px solid #d0a0a0;color:#721c24;padding:4px 10px;font-size:11px;margin-bottom:8px}.validation-error{color:#c00;font-size:10px;font-weight:700}.login-page{display:flex;flex-direction:column;height:100vh;background:#dde2e8}.login-container{flex:1;display:flex;align-items:center;justify-content:center}.login-box{background:#f0f2f5;border:2px solid #8a9ab0;padding:30px 40px;width:400px;text-align:center}.login-box h2{margin:0 0 4px;font-size:16px;color:#2a3a50}.login-box .login-subtitle{color:#5a6a7e;font-size:11px;margin-bottom:20px}.login-box .welcome-user{font-size:13px;color:#2a4a6a;margin-bottom:20px;padding:8px;background:#e0e8f0;border:1px solid #b0c0d0}.login-box .login-btn{background:linear-gradient(180deg,#5a8ab0,#4a7aa0);color:#fff;border:1px solid #3a6a90;padding:6px 32px;font-size:12px;cursor:pointer;font-family:inherit;font-weight:700;letter-spacing:.5px}.login-box .login-btn:hover{background:linear-gradient(180deg,#6a9ac0,#5a8ab0)}.login-footer{text-align:center;padding:8px;font-size:9px;color:#8a9aaa;border-top:1px solid #b0b8c4}.home-content{display:flex;flex-direction:column;align-items:center;padding:20px}.home-welcome{text-align:center;margin-bottom:20px}.home-welcome h2{margin:0 0 4px;font-size:15px;color:#2a3a50}.home-welcome .user-code{font-size:10px;color:#6a7a8e;margin-top:4px}.home-illustration{width:360px;height:200px;background:linear-gradient(135deg,#c8d8e8,#a8c0d8,#d0dce8);border:1px solid #a0b0c0;display:flex;align-items:center;justify-content:center;margin:10px 0;position:relative;overflow:hidden}.home-illustration svg{width:100%;height:100%;opacity:.4}.home-illustration .overlay-text{position:absolute;font-size:14px;color:#2a4a6a;font-weight:700;letter-spacing:1px;text-shadow:0 1px 2px rgba(255,255,255,.6)}.results-table{margin-top:8px}.results-table .data-table{width:auto}.results-table .data-table td{text-align:left;padding:3px 12px;cursor:pointer}.results-table .data-table tr:hover{background:#d0e0f0}.section-label{font-size:10px;font-weight:700;color:#4a5a6e;padding:4px 0;border-bottom:1px solid #c0c8d0;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.day-col{width:46px}.eq-col{width:180px}.rule-col{width:100px}.chk-col{width:36px}.table-wrapper{overflow-x:auto;border:1px solid #a0a8b0}*{margin:0;padding:0;box-sizing:border-box}