:root{--primary:#2563eb;--primary-hover:#1d4ed8;--success:#16a34a;--success-hover:#15803d;--danger:#dc2626;--text:#374151;--text-light:#6b7280;--bg:#f9fafb;--card-bg:#fff;--border:#e5e7eb;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}#root{max-width:480px;margin:0 auto;padding:24px 16px}@media (width>=768px){#root{max-width:960px;padding:24px 32px}}@media (width>=1200px){#root{max-width:1200px;padding:24px 48px}}button{cursor:pointer;font-size:16px;font-family:var(--sans);border:none;border-radius:8px;padding:12px 24px;transition:background .2s}.header{text-align:center;margin-bottom:32px}.header-top{justify-content:space-between;align-items:center;display:flex}.header h1{color:var(--text);font-size:24px;font-weight:600}.btn-logout{border:1px solid var(--border);color:var(--text-light);cursor:pointer;background:0 0;border-radius:6px;padding:4px 12px;font-size:13px}.btn-logout:hover{color:var(--text);background:#f3f4f6}.user-info{color:var(--text);margin-top:8px;font-size:14px;font-weight:500}.header .date{color:var(--text-light);margin-top:4px;font-size:14px}.loading{text-align:center;color:var(--text-light);padding:40px}.clock{text-align:center;font-size:48px;font-family:var(--mono);color:var(--text);margin-bottom:32px;font-weight:600}.punch-buttons{gap:16px;margin-bottom:32px;display:flex}.punch-buttons button{color:#fff;flex:1;padding:16px;font-size:18px;font-weight:600}.btn-clock-in{background:var(--primary)}.btn-clock-in:hover{background:var(--primary-hover)}.btn-clock-in:disabled{cursor:not-allowed;background:#93c5fd}.btn-clock-out{background:var(--danger)}.btn-clock-out:hover{background:#b91c1c}.btn-clock-out:disabled{cursor:not-allowed;background:#fca5a5}.status-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:20px}.status-card h2{color:var(--text-light);margin-bottom:12px;font-size:14px}.status-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;display:flex}.status-row:last-child{border-bottom:none}.status-row .label{color:var(--text-light);font-size:14px}.status-row .value{font-weight:600;font-family:var(--mono)}.status-badge{border-radius:12px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.status-badge.working{color:var(--success);background:#dcfce7}.status-badge.off{color:var(--text-light);background:#f3f4f6}.status-badge.done{color:#2563eb;background:#dbeafe}.nav-buttons{flex-direction:column;gap:10px;margin-top:16px;display:flex}.btn-timecard{width:100%;color:var(--primary);border:1px solid var(--primary);cursor:pointer;background:0 0;border-radius:8px;padding:14px;font-size:15px;font-weight:600}.btn-timecard:hover{background:#eff6ff}.btn-compliance{color:#d32f2f;border-color:#d32f2f}.btn-compliance:hover{background:#fff5f5}.login-container{justify-content:center;align-items:center;min-height:80vh;display:flex}.login-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:380px;padding:40px 32px}.login-card h1{color:var(--primary);margin-bottom:4px;font-size:28px;font-weight:700}.login-subtitle{color:var(--text-light);margin-bottom:32px;font-size:13px}.form-group{text-align:left;margin-bottom:16px}.form-group label{color:var(--text-light);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;padding:10px 12px;font-size:15px}.form-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f626}.error-message{color:var(--danger);background:#fef2f2;border-radius:8px;margin-bottom:16px;padding:8px 12px;font-size:13px}.btn-login{color:#fff;background:var(--primary);cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:16px;font-weight:600}.btn-login:hover{background:var(--primary-hover)}.btn-login:disabled{cursor:not-allowed;background:#93c5fd}.timecard-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.btn-back{border:1px solid var(--border);color:var(--text-light);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:13px}.btn-back:hover{background:#f3f4f6}.month-nav{align-items:center;gap:12px;display:flex}.btn-nav{border:1px solid var(--border);background:var(--card-bg);cursor:pointer;width:32px;height:32px;color:var(--text);border-radius:6px;font-size:14px}.btn-nav:hover{background:#f3f4f6}.summary-cards{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.summary-item{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:10px;flex:1;min-width:80px;padding:12px 10px}.summary-label{color:var(--text-light);margin-bottom:4px;font-size:11px;display:block}.summary-value{font-size:18px;font-weight:700;font-family:var(--mono)}.table-wrapper{border:1px solid var(--border);border-radius:10px;overflow-x:auto}.timecard-table{border-collapse:collapse;width:100%;font-size:13px}.timecard-table th{text-align:left;color:var(--text-light);border-bottom:2px solid var(--border);white-space:nowrap;background:#f9fafb;padding:8px 10px;font-weight:600}.timecard-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:7px 10px}.timecard-table tbody tr:last-child td{border-bottom:none}.col-date{width:50px}.col-day{text-align:center;width:30px}.col-time{width:60px;font-family:var(--mono)}.col-min{width:55px;font-family:var(--mono);text-align:right}.col-memo{color:var(--text-light);font-size:12px}.col-day.sun{color:#dc2626;font-weight:600}.col-day.sat{color:#2563eb;font-weight:600}.national-holiday{color:#dc2626}.holiday-name{color:#dc2626;margin-left:4px;font-size:10px;font-weight:600;display:inline-block}.row-holiday{background:#fef9f9}.row-punch-miss{background:#fef2f2}.late-val{color:#ea580c}.total-val{font-weight:600}.punch-miss{text-align:center;color:#fff;background:#dc2626;border-radius:50%;width:16px;height:16px;margin-left:4px;font-size:11px;font-weight:700;line-height:16px;display:inline-block}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.tab-nav{background:#f3f4f6;border-radius:8px;gap:4px;padding:3px;display:flex}.tab{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;position:relative}.tab.active{color:var(--text);background:#fff;font-weight:600;box-shadow:0 1px 2px #0000000f}.badge-count{text-align:center;color:#fff;background:#dc2626;border-radius:9px;min-width:18px;height:18px;margin-left:4px;font-size:11px;font-weight:700;line-height:18px;display:inline-block}.app-list{flex-direction:column;gap:10px;display:flex}.app-item{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.app-item-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.app-type{font-size:14px;font-weight:600}.app-badge{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600}.badge-pending{color:#92400e;background:#fef3c7}.badge-approved{color:#166534;background:#dcfce7}.badge-rejected{color:#991b1b;background:#fee2e2}.badge-withdrawn{color:#6b7280;background:#f3f4f6}.app-item-detail{color:var(--text-light);flex-direction:column;gap:2px;margin-bottom:8px;font-size:13px;display:flex}.app-reason{color:#9ca3af;font-size:12px}.app-item-bottom{justify-content:space-between;align-items:center;display:flex}.app-date{color:#9ca3af;font-size:12px}.btn-withdraw{border:1px solid var(--border);color:var(--text-light);cursor:pointer;background:0 0;border-radius:6px;padding:3px 10px;font-size:12px}.btn-withdraw:hover{background:#f3f4f6}.app-item-actions{gap:8px;margin-top:10px;display:flex}.btn-approve{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px;font-size:14px;font-weight:600}.btn-approve:hover{background:#15803d}.btn-reject{color:var(--danger);border:1px solid var(--danger);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:8px;font-size:14px;font-weight:600}.btn-reject:hover{background:#fef2f2}.empty{text-align:center;color:var(--text-light);padding:40px 0}.app-form{flex-direction:column;gap:16px;display:flex}.app-form .form-group label{color:var(--text-light);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.app-form select,.app-form input[type=date],.app-form textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;padding:10px 12px;font-size:14px}.app-form textarea{resize:vertical;min-height:80px}.app-form select:focus,.app-form input:focus,.app-form textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f626}.radio-group{gap:16px;margin-top:6px;display:flex}.radio-group label{align-items:center;gap:4px;font-weight:400!important;display:inline-flex!important}.btn-submit{color:#fff;background:var(--primary);cursor:pointer;border:none;border-radius:8px;padding:12px;font-size:16px;font-weight:600}.btn-submit:hover{background:var(--primary-hover)}.btn-submit:disabled{cursor:not-allowed;background:#93c5fd}.submit-msg{text-align:center;border-radius:8px;padding:8px 12px;font-size:13px}.submit-msg.success{color:#166534;background:#dcfce7}.submit-msg.error{color:#991b1b;background:#fee2e2}.wp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.pattern-form{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.pattern-form input[type=text]{flex:2;min-width:120px}.pattern-form input[type=time]{width:100px}.pattern-form input[type=number]{width:80px}.pattern-form input,.pattern-form button{border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:13px}.btn-add{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;font-weight:600;border:none!important}.pattern-list{flex-direction:column;gap:8px;display:flex}.pattern-item{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.pattern-info{flex-direction:column;gap:2px;display:flex}.pattern-name{font-size:14px;font-weight:600}.pattern-time{color:var(--text-light);font-size:12px;font-family:var(--mono)}.btn-delete{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #dc2626;border-radius:6px;padding:4px 10px;font-size:12px}.btn-delete:hover{background:#fef2f2}.assign-form{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;padding:16px}.assign-row{margin-bottom:12px}.assign-row label{color:var(--text-light);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.assign-row select,.assign-row-form select,.assign-row-form input{border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:8px 10px;font-size:13px}.assign-row select{width:100%}.assign-row-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.assign-row-form select{flex:2;min-width:120px}.assign-row-form span{color:var(--text-light)}.btn-assign{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600}.btn-assign:hover{background:var(--primary-hover)}.assign-msg{color:#166534;background:#dcfce7;border-radius:6px;margin-top:10px;padding:6px 10px;font-size:13px}.schedule-calendar{margin-top:16px}.schedule-table{border-collapse:collapse;width:100%;font-size:13px}.schedule-table th{text-align:left;color:var(--text-light);border-bottom:2px solid var(--border);background:#f9fafb;padding:8px 10px;font-weight:600}.schedule-table td{border-bottom:1px solid var(--border);padding:6px 10px}.schedule-table .has-pattern{color:var(--primary);font-weight:600}.compliance{max-width:100%;margin:0 auto;padding:16px}.compliance-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.compliance-header h1{margin:0;font-size:1.3rem}.compliance-tabs{border-bottom:2px solid #e0e0e0;gap:4px;margin-bottom:16px;display:flex}.tab{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 16px;font-size:.9rem;position:relative}.tab.active{color:#1976d2;border-bottom-color:#1976d2;font-weight:700}.tab-badge{color:#fff;background:#d32f2f;border-radius:10px;margin-left:6px;padding:1px 6px;font-size:.7rem;font-weight:700}.compliance-info{background:#f0f4ff;border-radius:8px;margin-bottom:16px;padding:12px 16px}.info-title{color:#1976d2;margin:0 0 8px;font-weight:700}.info-rules{flex-wrap:wrap;gap:8px;display:flex}.info-rules span{color:#333;background:#fff;border:1px solid #d0d8e8;border-radius:4px;padding:4px 10px;font-size:.8rem}.info-note{color:#666;margin:8px 0 0;font-size:.8rem}.no-alerts{text-align:center;color:#2e7d32;padding:40px;font-size:1.1rem}.alert-list{flex-direction:column;gap:10px;display:flex}.alert-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;gap:12px;padding:12px;display:flex}.alert-item.alert-error{background:#fff5f5;border-left:4px solid #d32f2f}.alert-item.alert-warning{background:#fff8f0;border-left:4px solid #ed6c02}.alert-item.alert-info{background:#f0f4ff;border-left:4px solid #1976d2}.alert-item.alert-ok{background:#f0fff0;border-left:4px solid #2e7d32}.alert-badge-wrap{flex-shrink:0;align-items:flex-start;padding-top:2px;display:flex}.alert-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-error{background:#d32f2f}.badge-warning{background:#ed6c02}.badge-info{background:#1976d2}.badge-ok{background:#2e7d32}.alert-body{flex:1;min-width:0}.alert-name{margin-bottom:4px;font-size:.9rem;font-weight:700}.alert-message{color:#333;margin-bottom:6px;font-size:.85rem}.leave-detail{color:#666;gap:12px;margin-bottom:6px;font-size:.8rem;display:flex}.alert-bar{background:#e0e0e0;border-radius:3px;height:6px;overflow:hidden}.alert-bar-fill{border-radius:3px;height:100%;transition:width .3s}.bar-error{background:#d32f2f}.bar-warning{background:#ed6c02}.bar-info{background:#1976d2}.bar-ok{background:#2e7d32}.admin{max-width:100%;padding:16px}.admin-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.admin-header h1{margin:0;font-size:1.3rem}.admin-tabs{border-bottom:2px solid #e0e0e0;gap:4px;margin-bottom:16px;display:flex}.admin-tabs .tab{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 16px;font-size:.9rem}.admin-tabs .tab.active{color:#1976d2;border-bottom-color:#1976d2;font-weight:700}.admin-actions{margin-bottom:16px}.btn-add{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:6px;padding:8px 16px;font-size:.9rem}.btn-add:hover{background:#1565c0}.group-list{flex-direction:column;gap:8px;display:flex}.group-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.group-card.selected{border-color:#1976d2}.group-main{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.group-main:hover{background:#fafafa}.group-info{align-items:center;gap:10px;display:flex}.group-code{color:#666;background:#f0f0f0;border-radius:4px;padding:2px 8px;font-size:.8rem}.group-name{font-weight:700}.group-count{color:#999;font-size:.8rem}.manager-badge{color:#1976d2;background:#e3f2fd;border-radius:12px;padding:4px 10px;font-size:.8rem}.no-manager{color:#999;font-size:.8rem}.group-actions{gap:6px;padding:0 16px 8px;display:flex}.btn-sm{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:4px 10px;font-size:.8rem}.btn-sm:hover{background:#f5f5f5}.btn-sm.btn-danger{color:#d32f2f;border-color:#ffcdd2}.btn-sm.btn-danger:hover{background:#fff5f5}.group-members{background:#fafafa;border-top:1px solid #e0e0e0;padding:8px 16px}.member-row{border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;padding:6px 0;display:flex}.member-row:last-child{border-bottom:none}.member-code{color:#666;min-width:60px;font-size:.8rem}.member-name{flex:1}.member-position{color:#666;margin-left:6px;font-size:.8rem}.member-role-badge{color:#fff;background:#2e7d32;border-radius:10px;margin-left:8px;padding:2px 8px;font-size:.7rem}.empty-members{text-align:center;color:#999;padding:12px;font-size:.85rem}.filter-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.filter-row select{border:1px solid #ddd;border-radius:6px;padding:6px 10px;font-size:.9rem}.filter-count{color:#666;font-size:.85rem}.member-table{border-collapse:collapse;width:100%;font-size:.9rem}.member-table th{text-align:left;color:#666;border-bottom:2px solid #e0e0e0;padding:8px;font-size:.8rem}.member-table td{border-bottom:1px solid #f0f0f0;padding:8px}.dialog-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:12px;width:90%;max-width:480px;max-height:80vh;padding:24px;overflow-y:auto}.dialog-wide{max-width:560px}.dialog h2{margin:0 0 16px;font-size:1.1rem}.dialog-desc{color:#666;margin:0 0 12px;font-size:.85rem}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.btn-cancel{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px}.btn-primary{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:6px;padding:8px 16px}.btn-primary:hover{background:#1565c0}.form-group{margin-bottom:12px}.form-group label{color:#666;margin-bottom:4px;font-size:.8rem;display:block}.form-group input,.form-group select{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;padding:8px;font-size:.9rem}.form-row{gap:12px;display:flex}.form-row .form-group{flex:1}.current-managers{margin-bottom:16px}.current-managers-title{margin:0 0 8px;font-size:.85rem;font-weight:700}.current-manager-row{background:#e3f2fd;border:1px solid #e0e0e0;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 12px;display:flex}.group-manager{flex-wrap:wrap;gap:4px;display:flex}.manager-options{flex-direction:column;gap:4px;max-height:300px;display:flex;overflow-y:auto}.manager-option{cursor:pointer;text-align:left;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.9rem;display:flex}.manager-option:hover{background:#f5f5f5}.manager-option.selected{background:#e3f2fd;border-color:#1976d2}.option-dept{color:#999;font-size:.8rem}.reports{max-width:100%;padding:16px}.reports-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.reports-header h1{flex:1;margin:0;font-size:1.3rem}.btn-export{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem}.btn-export:hover{background:#1b5e20}.month-nav{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.month-label{text-align:center;min-width:120px;font-size:1.1rem;font-weight:700}.btn-nav{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:4px;padding:4px 12px}.report-tabs{border-bottom:2px solid #e0e0e0;gap:4px;margin-bottom:16px;display:flex}.report-tabs .tab{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 16px;font-size:.9rem}.report-tabs .tab.active{color:#1976d2;border-bottom-color:#1976d2;font-weight:700}.tab-badge-warn{color:#fff;background:#ed6c02;border-radius:10px;margin-left:6px;padding:1px 6px;font-size:.7rem}.tab-badge-err{color:#fff;background:#d32f2f;border-radius:10px;margin-left:6px;padding:1px 6px;font-size:.7rem}.kpi-cards{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.kpi{text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex:1;min-width:100px;padding:12px}.kpi-value{color:#1976d2;font-size:1.5rem;font-weight:700;display:block}.kpi-label{color:#666;margin-top:4px;font-size:.75rem;display:block}.kpi-warn .kpi-value{color:#d32f2f}.table-wrapper{overflow-x:auto}.report-table{border-collapse:collapse;width:100%;font-size:.85rem}.report-table th{text-align:left;color:#666;white-space:nowrap;border-bottom:2px solid #e0e0e0;padding:8px 6px;font-size:.75rem}.report-table td{white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:7px 6px}.td-code{color:#666;font-size:.8rem}.td-warn{color:#d32f2f;font-weight:700}.row-warn{background:#fff8f0}.row-error{background:#fff5f5}.error-badge{color:#fff;background:#d32f2f;border-radius:10px;padding:2px 8px;font-size:.75rem}.ot-legend{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;font-size:.8rem;display:flex}.ot-legend-item{align-items:center;gap:4px;display:flex}.ot-dot{border-radius:50%;width:10px;height:10px}.ot-green{background:#2e7d32}.ot-yellow{background:#ed6c02}.ot-red{background:#d32f2f}.ot-legend-line{color:#d32f2f;font-size:.75rem}.ot-ranking{flex-direction:column;gap:6px;display:flex}.ot-row{align-items:center;gap:10px;padding:8px 0;display:flex}.ot-rank{text-align:center;color:#999;width:28px;font-size:.9rem;font-weight:700}.ot-info{min-width:120px}.ot-name{font-size:.9rem;font-weight:500;display:block}.ot-dept{color:#999;font-size:.75rem;display:block}.ot-bar-wrap{background:#f0f0f0;border-radius:4px;flex:1;height:20px;position:relative;overflow:hidden}.ot-bar{border-radius:4px;height:100%;transition:width .3s}.ot-bar-green{background:#2e7d32}.ot-bar-yellow{background:#ed6c02}.ot-bar-red{background:#d32f2f}.ot-limit-line{opacity:.5;background:#d32f2f;width:2px;position:absolute;top:0;bottom:0}.ot-value{text-align:right;min-width:50px;font-size:.9rem;font-weight:700}.no-data{text-align:center;color:#999;padding:40px}.no-data-ok{color:#2e7d32}