@charset "UTF-8";.notification-bell{display:inline-block}.bell{align-items:center;background:transparent;border:none;color:#555;cursor:pointer;display:flex;justify-content:center;padding:4px;position:relative}.bell:hover{color:#333}.bell .badge{background:#f44;border-radius:8px;color:#fff;font-size:10px;font-weight:600;height:16px;line-height:16px;min-width:16px;padding:0 4px;position:absolute;right:-2px;text-align:center;top:-2px}.notification-overlay{background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.notification-panel{background:#fff;box-shadow:-4px 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;max-width:100vw;position:fixed;right:0;top:0;width:420px;z-index:1001}.panel-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.panel-header h3{font-size:18px;font-weight:600;margin:0}.panel-header .close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:24px;line-height:1}.panel-header .close-btn:hover{color:#333}.panel-tabs{align-items:center;border-bottom:1px solid #eee;display:flex;gap:8px;padding:12px 16px}.panel-tabs button{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .15s}.panel-tabs button:hover{background:#f5f5f5}.panel-tabs button.active{background:#4763e4;border-color:#4763e4;color:#fff}.panel-tabs .mark-all-btn{border:none;color:#666;font-size:12px;margin-left:auto;padding:0;width:auto}.panel-tabs .mark-all-btn:hover{border-color:#4763e4;color:#4763e4}.panel-filters{border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.panel-filters button{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:16px;color:#666;cursor:pointer;font-size:12px;padding:5px 12px;transition:all .15s}.panel-filters button:hover{background:#eee}.panel-filters button.active{background:#fff3e0;border-color:#ffb74d;color:#e65100}.panel-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.panel-body .empty,.panel-body .loading,.panel-body .loading-more{color:#888;font-size:14px;padding:24px;text-align:center}.notification-item{cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .15s}.notification-item:hover{background:#f9f9f9}.notification-item.unread{background:#f0f7ff}.notification-item.unread:hover{background:#e3f0ff}.noti-icon{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;width:36px}.noti-icon.mention{background:#fff3e0;color:#e65100;font-weight:700}.noti-icon.comment{background:#e3f2fd}.noti-icon.status_change{background:#f3e5f5}.noti-icon.post_created{background:#e8f5e9}.noti-content{flex:1;min-width:0}.noti-content .noti-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.noti-content .noti-title{color:#333;flex:1;font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noti-content .noti-time{color:#999;flex-shrink:0;font-size:11px;white-space:nowrap}.noti-content .noti-meta{align-items:center;display:flex;font-size:12px;gap:4px;margin-bottom:4px}.noti-content .noti-meta .noti-project{color:#4763e4;font-weight:500}.noti-content .noti-meta .noti-sep{color:#ccc}.noti-content .noti-meta .noti-company{color:#888}.noti-content .noti-message{color:#555;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noti-content .noti-status-change{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:6px}.noti-content .noti-status-change .status-badge{border-radius:4px;font-size:12px;font-weight:500;padding:2px 8px}.noti-content .noti-status-change .status-badge.request,.noti-content .noti-status-change .status-badge.요청{background:#fff3e0;color:#e65100}.noti-content .noti-status-change .status-badge.progress,.noti-content .noti-status-change .status-badge.진행{background:#e3f2fd;color:#1565c0}.noti-content .noti-status-change .status-badge.feedback,.noti-content .noti-status-change .status-badge.피드백{background:#f3e5f5;color:#7b1fa2}.noti-content .noti-status-change .status-badge.done,.noti-content .noti-status-change .status-badge.완료{background:#e8f5e9;color:#2e7d32}.noti-content .noti-status-change .status-badge.hold,.noti-content .noti-status-change .status-badge.보류{background:#f5f5f5;color:#616161}.noti-content .noti-status-change .status-arrow{color:#999;font-weight:500}.noti-content .noti-status-change .status-actor{color:#999;font-size:11px;margin-left:4px}.chat[data-v-6a56ed93]{animation:floaty-6a56ed93 3s ease-in-out infinite}@keyframes floaty-6a56ed93{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.settings ul>li button[data-v-6a56ed93]{transition:color .3s ease}.settings ul>li:hover button[data-v-6a56ed93]{color:#111}.mark-read-btn[data-v-6a56ed93]{cursor:pointer;transition:color .2s ease}.mark-read-btn[data-v-6a56ed93]:hover{color:#4763e4}.btn-my-projects[data-v-6a56ed93]{transition:all .2s ease}.btn-my-projects[data-v-6a56ed93]:hover{background:#f0f1f3;color:#333}.btn-my-projects.active[data-v-6a56ed93]{background:#eef2ff;color:#4763e4}.btn-my-projects.active .project-count[data-v-6a56ed93]{background:#dde4ff;color:#4763e4}.grafana-dropdown .grafana-menu[data-v-6a56ed93]{border:1px solid #eee;list-style:none;margin-top:4px;min-width:180px;padding:8px 0;right:0;top:100%;z-index:100}.grafana-dropdown .grafana-menu li a[data-v-6a56ed93]{color:#555;display:flex;font-size:13px;padding:10px 16px;text-decoration:none;transition:all .15s ease}.grafana-dropdown .grafana-menu li a[data-v-6a56ed93]:hover{background:#f5f7ff;color:#4763e4}.grafana-dropdown .grafana-menu li a svg[data-v-6a56ed93]{stroke:currentColor;flex-shrink:0}.grafana-dropdown .grafana-menu li.grafana-home[data-v-6a56ed93]{border-top:1px solid #eee;margin-top:4px;padding-top:4px}