.login-container[data-v-410a6bfd]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card[data-v-410a6bfd]{background:#fff;border-radius:12px;width:400px;padding:40px;box-shadow:0 10px 40px #0003}h1[data-v-410a6bfd]{text-align:center;color:#333;margin:0 0 8px;font-size:28px}.subtitle[data-v-410a6bfd]{text-align:center;color:#666;margin-bottom:30px}.form-group[data-v-410a6bfd]{margin-bottom:20px}label[data-v-410a6bfd]{color:#333;margin-bottom:8px;font-weight:500;display:block}input[data-v-410a6bfd]{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:16px;transition:border-color .3s}input[data-v-410a6bfd]:focus{border-color:#667eea;outline:none}.login-btn[data-v-410a6bfd]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.login-btn[data-v-410a6bfd]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.login-btn[data-v-410a6bfd]:disabled{opacity:.7;cursor:not-allowed}.error[data-v-410a6bfd]{color:#e74c3c;text-align:center;margin-top:16px}.demo-hint[data-v-410a6bfd]{text-align:center;color:#999;border-top:1px solid #eee;margin-top:24px;padding-top:16px;font-size:14px}.notification-item[data-v-eea203ab]{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:flex-start;padding:10px 16px;transition:background .2s;display:flex}.notification-item[data-v-eea203ab]:hover{background:#f5f8fa}.notification-item.unread[data-v-eea203ab]{background:#f0f7ff}.notification-item.urgent .item-title[data-v-eea203ab]{color:#e74c3c}.notification-item.important .item-title[data-v-eea203ab]{color:#2c3e50}.item-priority-dot[data-v-eea203ab]{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px;margin-right:8px}.item-priority-dot.urgent[data-v-eea203ab]{background:#e74c3c}.item-priority-dot.important[data-v-eea203ab]{background:#f39c12}.item-priority-dot.info[data-v-eea203ab]{background:#3498db}.item-content[data-v-eea203ab]{flex:1;min-width:0}.item-title[data-v-eea203ab]{color:#333;font-size:13px;font-weight:500;line-height:1.3}.item-body[data-v-eea203ab]{color:#666;margin-top:2px;font-size:12px;line-height:1.4}.item-meta[data-v-eea203ab]{gap:8px;margin-top:4px;display:flex}.item-time[data-v-eea203ab]{color:#999;font-size:11px}.item-group[data-v-eea203ab]{color:#3498db;font-size:11px}.item-dismiss[data-v-eea203ab]{color:#ccc;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;font-size:16px}.item-dismiss[data-v-eea203ab]:hover{color:#999}.notification-bell-container[data-v-3004414a]{position:relative}.notification-bell[data-v-3004414a]{cursor:pointer;color:#fff;align-items:center;padding:4px;display:flex}.notification-bell[data-v-3004414a]:hover{opacity:.8}.badge[data-v-3004414a]{color:#fff;background:#e74c3c;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-4px;right:-6px}.notification-dropdown[data-v-3004414a]{z-index:1000;background:#fff;border-radius:8px;width:360px;position:absolute;top:36px;right:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.dropdown-header[data-v-3004414a]{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dropdown-title[data-v-3004414a]{color:#333;font-size:14px;font-weight:600}.mark-all-btn[data-v-3004414a]{color:#3498db;cursor:pointer;background:0 0;border:none;font-size:12px}.dropdown-body[data-v-3004414a]{max-height:400px;overflow-y:auto}.dropdown-loading[data-v-3004414a],.dropdown-empty[data-v-3004414a]{text-align:center;color:#999;padding:24px 16px;font-size:13px}.dropdown-footer[data-v-3004414a]{text-align:center;border-top:1px solid #eee;padding:8px 16px}.view-all-link[data-v-3004414a]{color:#3498db;font-size:13px;text-decoration:none}.app-layout[data-v-0c4c54f4]{background:#f5f7fa;min-height:100vh}.header[data-v-0c4c54f4]{color:#fff;background:linear-gradient(135deg,#2c3e50 0%,#3498db 100%);justify-content:space-between;align-items:center;padding:12px 24px;display:flex;box-shadow:0 2px 8px #00000026}.header h1[data-v-0c4c54f4]{margin:0;font-size:20px;font-weight:600}.header-actions[data-v-0c4c54f4]{align-items:center;gap:16px;display:flex}.user-info[data-v-0c4c54f4]{align-items:center;gap:12px;display:flex}.user-info span[data-v-0c4c54f4]{opacity:.9;font-size:14px}.logout-btn[data-v-0c4c54f4]{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;padding:4px 12px;font-size:13px;transition:all .2s}.logout-btn[data-v-0c4c54f4]:hover{background:#ffffff4d}.nav[data-v-0c4c54f4]{background:#fff;border-bottom:1px solid #e8e8e8;gap:0;padding:0 24px;display:flex;box-shadow:0 1px 3px #0000000d}.nav a[data-v-0c4c54f4]{color:#666;border-bottom:2px solid #0000;padding:10px 16px;font-size:14px;text-decoration:none;transition:all .2s}.nav a[data-v-0c4c54f4]:hover{color:#3498db}.nav a.active[data-v-0c4c54f4]{color:#3498db;border-bottom-color:#3498db;font-weight:500}.content[data-v-0c4c54f4]{max-width:1400px;margin:0 auto;padding:20px 24px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}