@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#231f20;background:#e0f7fa;width:100%;height:100%;font-family:Open Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}.page{min-height:100vh;padding:8px 20px}.header{align-items:center;gap:0;height:60px;padding:0;display:flex}.header .logo{object-fit:contain;height:60px;padding:6px 0}.header .welcome{color:#231f20;text-align:center;flex:1;font-size:1rem;font-weight:700}.nav-group{border-radius:0;flex-shrink:0;gap:0;height:56px;display:flex;overflow:visible}.nav-group .nav-btn{color:#fff;cursor:pointer;white-space:nowrap;border:none;flex:auto;justify-content:center;align-items:center;gap:7px;height:100%;padding:0 12px;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;display:flex}.nav-group .nav-btn.active{background:#0891b2}.nav-group .nav-btn.inactive{color:#fff;background:#9e9e9e}.nav-group .nav-btn.teal{background:#0891b2}.nav-group .nav-btn.disabled{color:#fff9;cursor:not-allowed;background:#9e9e9e}.nav-group .nav-btn.logout{background:#71717a}.nav-group .nav-btn:first-child,.nav-group .nav-btn:last-child{border-radius:0}.nav-group .dropdown{position:relative}.nav-group .dropdown-menu{z-index:50;background:#fff;border:1px solid #e0e0e0;border-radius:0;min-width:200px;margin-top:2px;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #00000026}.nav-group .dropdown-menu button{color:#231f20;text-align:left;cursor:pointer;background:#fff;border:none;width:100%;padding:10px 16px;font-family:Open Sans,sans-serif;font-size:14px;display:block}.nav-group .dropdown-menu button:hover{background:#e0f7fa}.page-title{text-align:center;color:#231f20;margin:0;padding:10px 0;font-size:1.875rem;font-weight:700;line-height:50px}.teal-container{background:#0891b2;border:1px solid #1d4ed8;border-radius:1.5rem;gap:0;min-height:440px;padding:16px;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.sidebar{flex-direction:column;flex-shrink:0;align-items:stretch;gap:0;width:12.5%;min-width:100px;padding:0;display:flex}.sidebar>div{flex:1;position:relative}.sidebar-btn{color:#ecfeff;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;gap:7px;width:100%;height:100%;padding:5px 10px;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;display:flex}.sidebar-btn:hover{background:#ffffff1a}.sidebar-btn .icon{font-size:16px}.sidebar-dropdown{z-index:50;background:#fff;border:1px solid #e0e0e0;border-radius:0;min-width:240px;position:absolute;top:0;left:100%;box-shadow:0 4px 16px #00000026}.sidebar-dropdown button{color:#231f20;text-align:left;cursor:pointer;background:#fff;border:none;width:100%;padding:10px 16px;font-family:Open Sans,sans-serif;font-size:14px;display:block}.sidebar-dropdown button:hover{background:#e0f7fa}.content-area{box-shadow:none;background:#fff;border-radius:1.5rem;flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.content-title{color:#231f20;border-bottom:1px solid #e0e0e0;padding:16px 24px;font-size:1.25rem;font-weight:700}.content-body{flex:1;padding:16px 24px;overflow-y:auto}.content-footer{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:8px;padding:12px 24px;display:flex}.teal-table-container{background:#0891b2;border:1px solid #e0dede;border-radius:1.5rem;padding:8px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.teal-table-container .table-wrap{background:#fff;border:1px solid #e0dede;border-radius:1.5rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.teal-table-actions{gap:8px;padding:8px;display:flex}.home-tabs-wrapper{border:1px solid #e0dede;border-radius:1.5rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.home-tabs-wrapper .tabs{border-radius:0}.home-tabs-content{background:#fff;padding:0}.form-group{margin-bottom:8px}.form-group label{color:#71717a;margin-bottom:2px;font-size:13px;font-weight:500;display:block}.form-group input,.form-group select{color:#231f20;background:#f5f0f0;border:1px solid #ddd;border-radius:0;outline:none;width:100%;padding:10px 12px;font-family:Open Sans,sans-serif;font-size:14px}.form-group input:focus{background:#fff;border-color:#0891b2}.btn-teal{color:#fff;cursor:pointer;background:#0891b2;border:none;border-radius:0;justify-content:center;align-items:center;height:40px;padding:10px 28px;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.btn-teal:hover{background:#0e7490}.btn-outline{color:#0891b2;cursor:pointer;background:#fff;border:1px solid #0891b2;border-radius:0;justify-content:center;align-items:center;height:40px;padding:10px 28px;font-family:Open Sans,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.btn-outline:hover{background:#e0f7fa}.btn-row{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.tabs{background:#0891b2;border-radius:1.5rem 1.5rem 0 0;display:flex;overflow:hidden}.tabs button{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:10px 28px;font-family:Open Sans,sans-serif;font-size:14px;font-weight:500}.tabs button.active{color:#fff;border-bottom-color:#1e3a8a;font-weight:600}.table-toolbar{color:#71717a;border-bottom:1px solid #e0e0e0;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.table-toolbar input{border:1px solid #e0e0e0;border-radius:0;width:180px;padding:6px 10px;font-size:13px}.table-toolbar .spacer{flex:1}.table-wrap{background:#fff;border:none;border-radius:0;overflow:hidden}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:#555;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fafafa;border-bottom:1px solid #e0e0e0;padding:10px 12px;font-weight:600}.table th:hover{background:#f0f0f0}.table td{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f5f5f5;max-width:180px;padding:8px 12px;overflow:hidden}.table tr:hover td{background:#f0fdfa}.login-page{background:#e0f7fa;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{width:560px;max-width:60vw}.login-logo{text-align:center;margin-bottom:20px}.login-logo img{object-fit:contain;height:48px}.login-form{box-shadow:none;background:#ecfeff;border:1px solid #a5b4fc;border-radius:0 0 1.5rem 1.5rem;padding:32px 48px}.login-form-title{text-align:center;color:#231f20;margin-bottom:20px;font-size:1.25rem;font-weight:700}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:1.5rem;min-width:460px;max-width:640px;max-height:80vh;padding:24px;overflow:auto;box-shadow:0 10px 30px #0003}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-title{color:#231f20;text-align:left;font-size:1.25rem;font-weight:700}.modal-close{cursor:pointer;color:#0891b2;background:0 0;border:none;border-radius:1.5rem;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:flex}.modal-close:hover{background:#e0f7fa}.response-box{color:#231f20;white-space:pre-wrap;word-break:break-all;background:#fff;border:1px solid #e0dede;border-radius:0;max-height:340px;padding:16px;font-family:monospace;font-size:1rem;font-weight:700;overflow:auto}.loading{text-align:center;color:#71717a;padding:40px;font-size:16px}.empty{text-align:center;color:#999;padding:32px}.inline-edit-cell{cursor:pointer;text-overflow:ellipsis;align-items:center;gap:6px;max-width:180px;display:flex;overflow:hidden}.inline-edit-cell:hover{color:#0891b2}.inline-edit-cell[data-tooltip]{position:relative}.inline-edit-cell[data-tooltip]:hover:after{content:attr(data-tooltip);color:#fff;white-space:pre-wrap;word-break:break-all;z-index:100;pointer-events:none;background:#231f20;border-radius:4px;max-width:400px;margin-bottom:4px;padding:6px 10px;font-size:12px;position:absolute;bottom:100%;left:0;box-shadow:0 2px 8px #0003}.inline-select{color:#231f20;background:#fff;border:1px solid #0891b2;border-radius:0;outline:none;width:100%;padding:4px 8px;font-family:Open Sans,sans-serif;font-size:13px}.switch-row{align-items:center;gap:8px;font-size:13px;display:flex}