*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden}:root{--color-white: #ffffff;--color-light-gray: #f5f5f5;--color-light-gray-2: #f9f9f9;--color-medium-gray: #e0e0e0;--color-gray: #ddd;--color-dark-gray: #999;--color-text: #333;--color-text-light: #666;--color-border: #eee;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-primary-dark: #5568d3;--color-primary-darker: #6a3f8f;--color-success: #3c3;--color-success-bg: #efe;--color-success-border: #6f6;--color-success-light: #e8f5e9;--color-success-light-border: #a5d6a7;--color-error: #c33;--color-error-bg: #fee;--color-error-border: #f66;--color-danger: #c62828;--color-danger-bg: #ffebee;--color-danger-border: #ef9a9a;--color-info: #1565c0;--color-info-bg: #e3f2fd;--color-info-border: #90caf9;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--z-notification: 999;--z-modal: 1000;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--radius-sm: 4px;--radius-md: 8px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.error-message,.success-message{position:fixed;top:80px;right:20px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);border-left:4px solid;font-size:14px;animation:slideDown .3s ease;z-index:var(--z-notification);max-width:400px;box-shadow:var(--shadow-md);margin-top:60px}.error-message{background-color:var(--color-error-bg);border-left-color:var(--color-error-border);color:var(--color-error)}.success-message{background-color:var(--color-success-bg);border-left-color:var(--color-success-border);color:var(--color-success)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading{display:flex;justify-content:center;align-items:center;padding:40px 20px;color:var(--color-text-light);text-align:center}.loading p{margin:0;font-size:16px}.empty-state,.no-entries{display:flex;justify-content:center;align-items:center;padding:40px 20px;color:var(--color-text-light);text-align:center}.empty-state p,.no-entries p{margin:0;font-size:16px}.btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-new,.btn-save,.btn-submit{background:var(--gradient-primary);color:var(--color-white);padding:10px 16px}.btn-new:hover:not(:disabled),.btn-save:hover:not(:disabled),.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary-darker) 100%)}.btn-complete{background-color:var(--color-success-light);color:#2e7d32;border:1px solid var(--color-success-light-border)}.btn-complete:hover:not(:disabled){background-color:#c8e6c9}.btn-edit{background-color:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.btn-edit:hover:not(:disabled){background-color:#bbdefb}.btn-delete,.btn-danger{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.btn-delete:hover:not(:disabled),.btn-danger:hover:not(:disabled){background-color:#ffcdd2}.btn-cancel,.btn-action{background-color:var(--color-white);color:var(--color-text);border:1px solid var(--color-gray);padding:10px 16px;font-size:14px}.btn-action{padding:10px 16px}.btn-cancel:hover:not(:disabled),.btn-action:hover:not(:disabled){background-color:var(--color-light-gray);border-color:var(--color-dark-gray)}.btn-action.btn-danger{color:var(--color-danger);border-color:var(--color-danger-border)}.btn-action.btn-danger:hover:not(:disabled){background-color:var(--color-danger-bg);border-color:var(--color-danger)}.btn-refresh{background:var(--gradient-primary);color:var(--color-white);padding:10px 16px}.btn-refresh:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.form-control,input[type=text],input[type=password],input[type=email],textarea,select{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-gray);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-family);transition:border-color .2s ease;box-sizing:border-box}.form-control:focus,input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus,select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text)}.checkbox-group{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:14px;color:var(--color-text-light)}.checkbox-group input[type=checkbox]{width:auto;margin:0;cursor:pointer}input[type=checkbox]{cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal)}.modal-content{background:var(--color-white);border-radius:var(--radius-md);max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-header h2{margin:0;font-size:18px;color:var(--color-text);flex:1}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:flex-end;flex-shrink:0}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-light)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.refresh-section{display:flex;align-items:center;gap:10px}.cache-timestamp{font-size:12px;color:#888;font-style:italic;white-space:nowrap}