.top-nav-container[data-v-99e069f3]{display:flex;justify-content:center;position:fixed;top:20px;left:0;right:0;z-index:1000;pointer-events:none}.dynamic-island-nav[data-v-99e069f3]{background-color:#0f0f19cc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:40px;padding:5px;display:flex;position:relative;box-shadow:0 10px 25px #0000004d;border:1px solid rgba(255,255,255,.1);pointer-events:auto;overflow:hidden}.nav-item[data-v-99e069f3]{position:relative;padding:0;z-index:2}.nav-item a[data-v-99e069f3]{padding:6px 16px;display:flex;align-items:center;color:#ffffffb3;text-decoration:none;transition:color .3s ease;white-space:nowrap;position:relative;z-index:2}.nav-item a[data-v-99e069f3]:hover{color:#fff;transform:translateY(-2px);transition:all .3s ease}.nav-item a:hover .icon-container[data-v-99e069f3]{background-color:#9370db33;transform:scale(1.1);box-shadow:0 4px 8px #9370db4d}.icon-container[data-v-99e069f3]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:8px;border-radius:40%;background-color:transparent;transition:all .3s ease}.nav-item i[data-v-99e069f3]{font-size:1.1rem}.nav-item span[data-v-99e069f3]{font-size:.95rem;font-weight:500}.nav-item.active a[data-v-99e069f3]{color:#fff}.nav-item.active .icon-container[data-v-99e069f3]{background:linear-gradient(135deg,#9370DB,#ff00ff);box-shadow:0 4px 10px #9370db66;transform:scale(1.05);border-radius:35%}.active-background[data-v-99e069f3]{position:absolute;top:0;left:0;height:100%;background-color:#ffffff14;border-radius:40px;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:1}@media (max-width: 768px){.dynamic-island-nav[data-v-99e069f3]{overflow-x:auto;justify-content:flex-start;max-width:90vw;-ms-overflow-style:none;scrollbar-width:none}.dynamic-island-nav[data-v-99e069f3]::-webkit-scrollbar{display:none}.nav-item a[data-v-99e069f3]{padding:6px 12px}.icon-container[data-v-99e069f3]{margin-right:5px}}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;scroll-behavior:smooth;height:100%}body{overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:90%;max-width:1400px;margin:0 auto;padding:0 20px}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;transition:all .3s ease}.no-nav .main-content{padding-bottom:0}.main-content.home-view{padding:0;margin:0}@media (max-width: 991px){.main-content{width:100%}}@media (max-width: 576px){.container{width:100%;padding:0 15px}}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#777}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}.app:not(.no-nav) button,.app:not(.no-nav) .btn:not(.home-container .btn){cursor:pointer;border:none;outline:none;font-family:inherit}.app:not(.no-nav) button:disabled,.app:not(.no-nav) .btn:not(.home-container .btn):disabled{opacity:.6;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:1rem;padding:10px 15px;border:1px solid #444;border-radius:6px;background-color:#333;color:var(--text-primary);width:100%;transition:all .3s ease}input:focus,textarea:focus,select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #9370db33;outline:none}.card{background-color:var(--bg-secondary);border-radius:10px;padding:25px;box-shadow:0 10px 30px #0003;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.main-content.full-width{width:100%;margin-left:0;padding-bottom:0}.home-container{min-height:100vh;width:100%;background-image:url(/images/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;font-family:Arial,sans-serif;color:#fff}.home-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000a6;z-index:1}.container{text-align:center;z-index:3;padding:20px;max-width:800px;position:relative}.fade-in-delay-1{opacity:0;transform:translateY(20px);animation:fadeInAnimation 1s ease forwards .3s}.fade-in-delay-2{opacity:0;transform:translateY(20px);animation:fadeInAnimation 1s ease forwards .6s}.fade-in-delay-3{opacity:0;transform:translateY(20px);animation:fadeInAnimation 1s ease forwards .9s}.fade-in-delay-4{opacity:0;transform:translateY(20px);animation:fadeInAnimation 1s ease forwards 1.2s}@keyframes fadeInAnimation{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo{margin-bottom:20px}.logo img{width:120px;height:120px;border-radius:50%;animation:float 3s ease-in-out infinite}.pixel-font{font-family:"Press Start 2P",cursive;font-size:3rem;margin-bottom:10px;color:#fff;letter-spacing:2px;text-shadow:0 0 10px rgba(255,255,255,.7)}.subtitle{font-size:1.2rem;margin-bottom:40px;color:#ccc;letter-spacing:1px}.quote{margin:40px 0;font-style:italic;line-height:1.6}.quote p{font-size:1.2rem;margin-bottom:10px}.author{font-size:1rem;color:#aaa}.nav-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:40px}.btn{display:inline-block;padding:12px 30px;background-color:transparent;border:2px solid #ffffff;border-radius:30px;color:#fff;font-size:1rem;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.btn:hover{background-color:#fff;color:#121212;transform:translateY(-3px);box-shadow:0 5px 15px #fff3}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width: 768px){.pixel-font{font-size:2.5rem}.nav-buttons{gap:15px}.btn{padding:10px 25px}}@media (max-width: 480px){.pixel-font{font-size:2rem}.logo img{width:100px;height:100px}.btn{padding:8px 20px;font-size:.9rem}}.admin-layout[data-v-28655700]{display:flex;min-height:100vh;background-color:#f8f9fa;font-family:Inter,sans-serif}.admin-sidebar[data-v-28655700]{width:280px;background:linear-gradient(to bottom,#333 0%,#121212 100%);color:#fff;display:flex;flex-direction:column;box-shadow:3px 0 15px #0003;position:fixed;height:100vh;z-index:10}.admin-sidebar-header[data-v-28655700]{padding:25px 20px;background-color:#0003;border-bottom:1px solid #444}.admin-sidebar-header h2[data-v-28655700]{margin:0;font-size:1.6rem;color:#fff;font-weight:600;letter-spacing:.5px;text-align:center}.admin-menu[data-v-28655700]{padding:25px 0;flex:1;display:flex;flex-direction:column}.menu-item[data-v-28655700]{display:flex;align-items:center;padding:15px 25px;color:#e0e0e0;text-decoration:none;transition:all .3s ease;cursor:pointer;border-left:4px solid transparent;font-size:1.05rem;position:relative}.menu-item i[data-v-28655700]{margin-right:15px;width:22px;text-align:center;font-size:1.1rem}.menu-item[data-v-28655700]:hover{background-color:#ffffff1a;color:#fff;border-left-color:#9370db80}.router-link-active[data-v-28655700]{background-color:#9370db33;color:#fff;border-left-color:#9370db;font-weight:500}.unread-badge[data-v-28655700]{position:absolute;right:20px;top:50%;transform:translateY(-50%);background-color:#ff6b6b;color:#fff;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.75rem;padding:0 6px;font-weight:700}.logout[data-v-28655700]{margin-top:auto;border-top:1px solid #444;color:#ff6b6b}.logout[data-v-28655700]:hover{background-color:#ff6b6b1a;border-left-color:#ff6b6b}.admin-content[data-v-28655700]{flex:1;margin-left:280px;padding:30px;overflow-y:auto;min-height:100vh;background-color:#f8f9fa}@media (max-width: 992px){.admin-sidebar[data-v-28655700]{width:100%;height:auto;position:relative;box-shadow:0 2px 10px #0000001a}.admin-content[data-v-28655700]{margin-left:0;min-height:0}.admin-layout[data-v-28655700]{flex-direction:column}.admin-menu[data-v-28655700]{padding:10px 0}.menu-item[data-v-28655700]{padding:12px 20px}.admin-sidebar-header[data-v-28655700]{padding:15px}.admin-sidebar-header h2[data-v-28655700]{font-size:1.4rem}.logout[data-v-28655700]{margin-top:0}}.admin-login[data-v-65cc794a]{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f8f9fa;position:relative;overflow:hidden;font-family:Inter,sans-serif}.login-background[data-v-65cc794a]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 80%);z-index:-1}.login-container[data-v-65cc794a]{width:100%;max-width:450px;background-color:#fff;border-radius:12px;box-shadow:0 15px 50px #0000001a;overflow:hidden;position:relative;z-index:1;animation:slideUp-65cc794a .5s ease}@keyframes slideUp-65cc794a{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header[data-v-65cc794a]{padding:40px 30px;text-align:center;background:linear-gradient(to right,#9370DB,#8a61d4);color:#fff}.logo[data-v-65cc794a]{width:70px;height:70px;background-color:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 5px 15px #0000001a}.logo i[data-v-65cc794a]{font-size:2rem}.login-header h2[data-v-65cc794a]{margin:0 0 10px;font-size:1.8rem;font-weight:600}.login-header p[data-v-65cc794a]{margin:0;color:#fffc;font-size:.95rem}.login-form[data-v-65cc794a]{padding:40px}.form-group[data-v-65cc794a]{margin-bottom:25px}.form-group label[data-v-65cc794a]{display:block;margin-bottom:10px;color:#555;font-size:.95rem;font-weight:500}.input-wrapper[data-v-65cc794a]{position:relative}.input-wrapper i[data-v-65cc794a]{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#9370db;font-size:1.1rem}.form-group input[data-v-65cc794a]{width:100%;padding:15px 15px 15px 45px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:1rem;transition:all .3s ease}.form-group input[data-v-65cc794a]:focus{outline:none;border-color:#9370db;box-shadow:0 0 0 4px #9370db26;background-color:#fff}.error-message[data-v-65cc794a]{color:#ff6b6b;font-size:.9rem;margin-bottom:20px;padding:12px 15px;background-color:#ff6b6b1a;border-radius:8px;display:flex;align-items:center;animation:shake-65cc794a .5s ease}.error-message i[data-v-65cc794a]{margin-right:8px;font-size:1rem}@keyframes shake-65cc794a{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.login-btn[data-v-65cc794a]{width:100%;padding:15px 0;background:linear-gradient(to right,#9370DB,#8a61d4);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #9370db33}.login-btn[data-v-65cc794a]:hover{box-shadow:0 6px 15px #9370db4d;transform:translateY(-2px)}.login-btn[data-v-65cc794a]:disabled{opacity:.7;cursor:not-allowed}.login-footer[data-v-65cc794a]{margin-top:25px;text-align:center}.back-to-site[data-v-65cc794a]{color:#666;text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-flex;align-items:center}.back-to-site i[data-v-65cc794a]{margin-right:6px;font-size:.9rem}.back-to-site[data-v-65cc794a]:hover{color:#9370db}@media (max-width: 576px){.login-container[data-v-65cc794a]{max-width:100%;border-radius:0;box-shadow:none}.login-background[data-v-65cc794a]{clip-path:polygon(0 0,100% 0,100% 30%,0 40%)}.login-header[data-v-65cc794a]{padding:30px 20px}.logo[data-v-65cc794a]{width:60px;height:60px}.login-form[data-v-65cc794a]{padding:30px 20px}}.admin-dashboard[data-v-dbab3143]{padding:0;color:#333}.dashboard-header[data-v-dbab3143]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #eaeaea}.dashboard-header h1[data-v-dbab3143]{margin:0;font-size:1.8rem;color:#333;font-weight:600}.last-updated[data-v-dbab3143]{font-size:.9rem;color:#777;display:flex;align-items:center}.refresh-btn[data-v-dbab3143]{background:none;border:none;cursor:pointer;color:#9370db;font-size:1rem;margin-left:10px;transition:all .2s ease}.refresh-btn[data-v-dbab3143]:hover{color:#7f5bc0;transform:rotate(45deg)}.dashboard-stats[data-v-dbab3143]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-bottom:40px}.stat-card[data-v-dbab3143]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 6px 15px #0000000d;display:flex;align-items:flex-start;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.stat-card[data-v-dbab3143]:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0000001a}.stat-icon[data-v-dbab3143]{width:60px;height:60px;border-radius:12px;background-color:#9370db26;display:flex;align-items:center;justify-content:center;margin-right:20px;transition:all .3s ease}.views-icon[data-v-dbab3143]{background-color:#64b4ff26}.messages-icon[data-v-dbab3143]{background-color:#ff6b6b26}.stat-icon i[data-v-dbab3143]{font-size:1.8rem;color:#9370db}.views-icon i[data-v-dbab3143]{color:#64b4ff}.messages-icon i[data-v-dbab3143]{color:#ff6b6b}.stat-content[data-v-dbab3143]{flex:1}.stat-content h3[data-v-dbab3143]{margin:0 0 5px;font-size:1rem;color:#777;font-weight:500}.stat-value[data-v-dbab3143]{margin:0 0 10px;font-size:2.2rem;font-weight:700;color:#333;line-height:1}.stat-trend[data-v-dbab3143]{font-size:.85rem;color:#28a745;display:flex;align-items:center}.stat-trend i[data-v-dbab3143]{margin-right:5px}.view-all[data-v-dbab3143]{color:#9370db;text-decoration:none;transition:all .2s ease}.view-all[data-v-dbab3143]:hover{color:#7f5bc0;text-decoration:underline}.dashboard-sections[data-v-dbab3143]{display:grid;grid-template-columns:2fr 1fr;gap:25px}.recent-section[data-v-dbab3143],.quick-actions[data-v-dbab3143]{background-color:#fff;border-radius:12px;box-shadow:0 6px 15px #0000000d;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.section-header[data-v-dbab3143]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eaeaea}.section-header h2[data-v-dbab3143]{margin:0;font-size:1.3rem;color:#333;font-weight:600}.view-all-link[data-v-dbab3143]{color:#9370db;text-decoration:none;font-size:.9rem;display:flex;align-items:center;transition:all .2s ease}.view-all-link[data-v-dbab3143]:hover{color:#7f5bc0}.view-all-link i[data-v-dbab3143]{margin-left:5px;font-size:.8rem}.loading[data-v-dbab3143],.empty-state[data-v-dbab3143]{padding:40px 25px;text-align:center;color:#777}.spinner[data-v-dbab3143]{width:40px;height:40px;border:3px solid rgba(147,112,219,.3);border-radius:50%;border-top-color:#9370db;margin:0 auto 15px;animation:spin-dbab3143 1s linear infinite}@keyframes spin-dbab3143{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-icon[data-v-dbab3143]{font-size:3rem;color:#ddd;margin-bottom:15px}.empty-state p[data-v-dbab3143]{margin-bottom:20px}.add-new-btn[data-v-dbab3143]{display:inline-flex;align-items:center;padding:10px 20px;background-color:#9370db;color:#fff;border-radius:6px;text-decoration:none;font-size:.9rem;transition:all .3s ease}.add-new-btn[data-v-dbab3143]:hover{background-color:#7f5bc0;transform:translateY(-2px)}.add-new-btn i[data-v-dbab3143]{margin-right:8px}.recent-projects[data-v-dbab3143]{padding:0 25px}.recent-project-item[data-v-dbab3143]{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid #eaeaea}.recent-project-item[data-v-dbab3143]:last-child{border-bottom:none}.project-thumbnail[data-v-dbab3143]{width:70px;height:70px;object-fit:cover;border-radius:8px;margin-right:20px;box-shadow:0 4px 8px #0000001a}.project-info[data-v-dbab3143]{flex:1}.project-info h3[data-v-dbab3143]{margin:0 0 8px;font-size:1.1rem;color:#333;font-weight:600}.project-date[data-v-dbab3143]{margin:0;font-size:.9rem;color:#888}.edit-btn[data-v-dbab3143]{padding:8px 15px;background-color:#f5f5f5;border-radius:6px;color:#666;text-decoration:none;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center}.edit-btn[data-v-dbab3143]:hover{background-color:#e5e5e5;color:#333}.edit-btn i[data-v-dbab3143]{margin-left:5px;font-size:.7rem}.actions-grid[data-v-dbab3143]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:25px}.action-card[data-v-dbab3143]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#f8f9fa;border-radius:8px;transition:all .3s ease;cursor:pointer;text-decoration:none;color:#333;border:1px solid #eaeaea}.action-card[data-v-dbab3143]:hover{background-color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #0000000d;border-color:#9370db}.action-icon[data-v-dbab3143]{width:50px;height:50px;border-radius:10px;background-color:#9370db1a;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.action-icon i[data-v-dbab3143]{font-size:1.5rem;color:#9370db}.action-card h3[data-v-dbab3143]{margin:0;font-size:1rem;font-weight:500}@media (max-width: 1200px){.dashboard-sections[data-v-dbab3143]{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-stats[data-v-dbab3143],.actions-grid[data-v-dbab3143]{grid-template-columns:1fr}.dashboard-header[data-v-dbab3143]{flex-direction:column;align-items:flex-start}.last-updated[data-v-dbab3143]{margin-top:10px}.project-thumbnail[data-v-dbab3143]{width:50px;height:50px}}.action-icon.highlight[data-v-dbab3143]{background-color:#ff6b6b26;animation:pulse-dbab3143 2s infinite}.action-icon .count-badge[data-v-dbab3143]{position:absolute;top:-5px;right:-5px;background-color:#ff6b6b;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}@keyframes pulse-dbab3143{0%{box-shadow:0 0 #ff6b6b66}70%{box-shadow:0 0 0 10px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}.admin-barrages[data-v-f9303fd6]{padding:0;color:#333}.page-header[data-v-f9303fd6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #eaeaea}.page-header h1[data-v-f9303fd6]{margin:0;font-size:1.8rem;color:#333;font-weight:600}.actions[data-v-f9303fd6]{display:flex;align-items:center;gap:20px}.stats[data-v-f9303fd6]{display:flex;gap:15px}.stat-item[data-v-f9303fd6]{font-size:.95rem;color:#666}.stat-item strong[data-v-f9303fd6]{color:#9370db;font-weight:600}.refresh-btn[data-v-f9303fd6]{background:none;border:none;cursor:pointer;color:#9370db;font-size:1rem;padding:8px 15px;background-color:#9370db1a;border-radius:6px;transition:all .2s ease;display:flex;align-items:center}.refresh-btn i[data-v-f9303fd6]{margin-right:6px}.refresh-btn[data-v-f9303fd6]:hover{background-color:#9370db33}.refresh-btn[data-v-f9303fd6]:disabled{opacity:.6;cursor:not-allowed}.loading[data-v-f9303fd6],.empty-state[data-v-f9303fd6]{padding:60px 0;text-align:center;color:#777}.spinner[data-v-f9303fd6]{width:40px;height:40px;border:3px solid rgba(147,112,219,.3);border-radius:50%;border-top-color:#9370db;margin:0 auto 15px;animation:spin-f9303fd6 1s linear infinite}@keyframes spin-f9303fd6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-icon[data-v-f9303fd6]{font-size:3rem;color:#ddd;margin-bottom:15px}.barrages-container[data-v-f9303fd6]{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden;margin-bottom:30px}.table-responsive[data-v-f9303fd6]{width:100%;overflow-x:auto}.barrages-table[data-v-f9303fd6]{width:100%;border-collapse:collapse}.barrages-table th[data-v-f9303fd6],.barrages-table td[data-v-f9303fd6]{padding:15px 20px;text-align:left;border-bottom:1px solid #eaeaea}.barrages-table th[data-v-f9303fd6]{background-color:#f8f9fa;font-weight:600;color:#555;white-space:nowrap}.content-cell[data-v-f9303fd6]{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-preview[data-v-f9303fd6]{display:inline-block;width:20px;height:20px;border-radius:4px;margin-right:8px;vertical-align:middle;border:1px solid rgba(0,0,0,.1)}.color-code[data-v-f9303fd6]{font-family:monospace;font-size:.9rem;vertical-align:middle}.delete-btn[data-v-f9303fd6]{background:none;border:none;color:#ff6b6b;cursor:pointer;padding:5px 10px;border-radius:4px;transition:all .2s ease}.delete-btn[data-v-f9303fd6]:hover{background-color:#ff6b6b1a}.modal[data-v-f9303fd6]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-f9303fd6]{background-color:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 15px 30px #0003;animation:modalFadeIn-f9303fd6 .3s ease}@keyframes modalFadeIn-f9303fd6{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-f9303fd6]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eaeaea}.modal-header h3[data-v-f9303fd6]{margin:0;font-size:1.3rem;color:#333}.close-btn[data-v-f9303fd6]{background:none;border:none;color:#777;font-size:1rem;cursor:pointer;transition:all .2s ease}.close-btn[data-v-f9303fd6]:hover{color:#333}.modal-body[data-v-f9303fd6]{padding:25px}.content-preview[data-v-f9303fd6]{background-color:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #9370DB;margin:15px 0}.warning-text[data-v-f9303fd6]{color:#ff6b6b;font-size:.9rem}.modal-footer[data-v-f9303fd6]{padding:20px 25px;border-top:1px solid #eaeaea;display:flex;justify-content:flex-end;gap:15px}.cancel-btn[data-v-f9303fd6]{padding:10px 20px;background-color:#f5f5f5;border:none;border-radius:6px;color:#666;cursor:pointer;transition:all .2s ease}.cancel-btn[data-v-f9303fd6]:hover{background-color:#e5e5e5}.confirm-btn[data-v-f9303fd6]{padding:10px 20px;background-color:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:80px}.confirm-btn[data-v-f9303fd6]:hover{background-color:#ff5252}.confirm-btn[data-v-f9303fd6]:disabled{opacity:.7;cursor:not-allowed}.confirm-btn i[data-v-f9303fd6]{margin-right:6px}@media (max-width: 768px){.page-header[data-v-f9303fd6]{flex-direction:column;align-items:flex-start;gap:15px}.actions[data-v-f9303fd6]{width:100%;flex-direction:column;align-items:flex-start;gap:10px}.refresh-btn[data-v-f9303fd6]{width:100%;justify-content:center}.barrages-table th[data-v-f9303fd6],.barrages-table td[data-v-f9303fd6]{padding:12px 15px}}.admin-time-capsules[data-v-8bcc085d]{padding:0;color:#333}.page-header[data-v-8bcc085d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #eaeaea}.page-header h1[data-v-8bcc085d]{margin:0;font-size:1.8rem;color:#333;font-weight:600}.actions[data-v-8bcc085d]{display:flex;gap:12px}.create-btn[data-v-8bcc085d]{display:flex;align-items:center;padding:8px 15px;background-color:#9370db;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.create-btn[data-v-8bcc085d]:hover{background-color:#7f5bc0}.create-btn i[data-v-8bcc085d]{margin-right:6px}.refresh-btn[data-v-8bcc085d]{background:none;border:none;cursor:pointer;color:#9370db;font-size:1rem;padding:8px 15px;background-color:#9370db1a;border-radius:6px;transition:all .2s ease;display:flex;align-items:center}.refresh-btn i[data-v-8bcc085d]{margin-right:6px}.refresh-btn[data-v-8bcc085d]:hover{background-color:#9370db33}.refresh-btn[data-v-8bcc085d]:disabled{opacity:.6;cursor:not-allowed}.loading[data-v-8bcc085d],.empty-state[data-v-8bcc085d]{padding:60px 0;text-align:center;color:#777}.spinner[data-v-8bcc085d]{width:40px;height:40px;border:3px solid rgba(147,112,219,.3);border-radius:50%;border-top-color:#9370db;margin:0 auto 15px;animation:spin-8bcc085d 1s linear infinite}@keyframes spin-8bcc085d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-icon[data-v-8bcc085d]{font-size:3rem;color:#ddd;margin-bottom:15px}.create-empty-btn[data-v-8bcc085d]{display:inline-flex;align-items:center;padding:10px 20px;background-color:#9370db;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:15px;font-size:.95rem}.create-empty-btn[data-v-8bcc085d]:hover{background-color:#7f5bc0;transform:translateY(-2px)}.create-empty-btn i[data-v-8bcc085d]{margin-right:8px}.capsules-container[data-v-8bcc085d]{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden;margin-bottom:30px}.table-responsive[data-v-8bcc085d]{width:100%;overflow-x:auto}.capsules-table[data-v-8bcc085d]{width:100%;border-collapse:collapse}.capsules-table th[data-v-8bcc085d],.capsules-table td[data-v-8bcc085d]{padding:15px 20px;text-align:left;border-bottom:1px solid #eaeaea}.capsules-table th[data-v-8bcc085d]{background-color:#f8f9fa;font-weight:600;color:#555;white-space:nowrap}.subject-cell[data-v-8bcc085d]{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-cell[data-v-8bcc085d]{white-space:nowrap;display:flex;gap:8px}.status-badge[data-v-8bcc085d]{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500}.status-pending[data-v-8bcc085d]{background-color:#ffc10726;color:#ffa000}.status-sent[data-v-8bcc085d]{background-color:#4caf5026;color:#388e3c}.status-failed[data-v-8bcc085d]{background-color:#f4433626;color:#d32f2f}.view-btn[data-v-8bcc085d],.edit-btn[data-v-8bcc085d],.delete-btn[data-v-8bcc085d]{background:none;border:none;cursor:pointer;padding:5px 8px;border-radius:4px;transition:all .2s ease}.view-btn[data-v-8bcc085d]{color:#64b5f6}.view-btn[data-v-8bcc085d]:hover{background-color:#64b5f61a}.edit-btn[data-v-8bcc085d]{color:#9370db}.edit-btn[data-v-8bcc085d]:hover{background-color:#9370db1a}.delete-btn[data-v-8bcc085d]{color:#ff6b6b}.delete-btn[data-v-8bcc085d]:hover{background-color:#ff6b6b1a}.modal[data-v-8bcc085d]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-8bcc085d]{background-color:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 15px 30px #0003;animation:modalFadeIn-8bcc085d .3s ease;max-height:90vh;overflow-y:auto}.modal-lg[data-v-8bcc085d]{max-width:700px}@keyframes modalFadeIn-8bcc085d{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-8bcc085d]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eaeaea;position:sticky;top:0;background-color:#fff;z-index:1}.modal-header h3[data-v-8bcc085d]{margin:0;font-size:1.3rem;color:#333}.close-btn[data-v-8bcc085d]{background:none;border:none;color:#777;font-size:1rem;cursor:pointer;transition:all .2s ease}.close-btn[data-v-8bcc085d]:hover{color:#333}.modal-body[data-v-8bcc085d]{padding:25px}.capsule-details[data-v-8bcc085d]{display:flex;flex-direction:column;gap:15px}.detail-row[data-v-8bcc085d]{display:flex;align-items:flex-start}.detail-label[data-v-8bcc085d]{min-width:100px;font-weight:600;color:#555}.detail-content[data-v-8bcc085d]{display:flex;flex-direction:column;gap:10px}.content-label[data-v-8bcc085d]{font-weight:600;color:#555;margin-bottom:5px}.content-box[data-v-8bcc085d]{padding:15px;background-color:#f8f9fa;border-radius:8px;white-space:pre-wrap;min-height:150px;border:1px solid #eaeaea}.capsule-form[data-v-8bcc085d]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-8bcc085d]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-8bcc085d]{font-weight:600;color:#555}.form-group input[data-v-8bcc085d],.form-group textarea[data-v-8bcc085d]{padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:.95rem;color:#333;transition:all .3s ease}.form-group input[data-v-8bcc085d]:focus,.form-group textarea[data-v-8bcc085d]:focus{outline:none;border-color:#9370db;box-shadow:0 0 0 3px #9370db26}.content-preview[data-v-8bcc085d]{background-color:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #9370DB;margin:15px 0}.warning-text[data-v-8bcc085d]{color:#ff6b6b;font-size:.9rem}.form-error[data-v-8bcc085d]{color:#ff6b6b;font-size:.9rem;background-color:#ff6b6b1a;padding:12px 15px;border-radius:6px;display:flex;align-items:center}.form-error i[data-v-8bcc085d]{margin-right:8px}.modal-footer[data-v-8bcc085d]{padding:20px 0 0;display:flex;justify-content:flex-end;gap:15px}.cancel-btn[data-v-8bcc085d]{padding:10px 20px;background-color:#f5f5f5;border:none;border-radius:6px;color:#666;cursor:pointer;transition:all .2s ease}.cancel-btn[data-v-8bcc085d]:hover{background-color:#e5e5e5}.confirm-btn[data-v-8bcc085d]{padding:10px 20px;background-color:#9370db;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:80px}.confirm-btn[data-v-8bcc085d]:hover{background-color:#7f5bc0}.confirm-btn[data-v-8bcc085d]:disabled{opacity:.7;cursor:not-allowed}.confirm-btn i[data-v-8bcc085d]{margin-right:6px}@media (max-width: 768px){.page-header[data-v-8bcc085d]{flex-direction:column;align-items:flex-start;gap:15px}.actions[data-v-8bcc085d]{width:100%;flex-direction:column;gap:10px}.create-btn[data-v-8bcc085d],.refresh-btn[data-v-8bcc085d]{width:100%;justify-content:center}.capsules-table th[data-v-8bcc085d],.capsules-table td[data-v-8bcc085d]{padding:12px 15px}.detail-row[data-v-8bcc085d]{flex-direction:column;gap:5px}.detail-label[data-v-8bcc085d]{min-width:auto}}.analytics-view[data-v-3e383d48]{padding:20px;background-color:#f8f9fa;min-height:100vh}.page-header[data-v-3e383d48]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:white;padding:20px 25px;border-radius:12px;box-shadow:0 2px 10px #0000000d}.page-header h1[data-v-3e383d48]{margin:0;color:#2c3e50;font-size:1.8rem;font-weight:600}.actions[data-v-3e383d48]{display:flex;align-items:center;gap:15px}.date-range select[data-v-3e383d48]{padding:10px 16px;border:2px solid #e1e5e9;border-radius:8px;background:linear-gradient(145deg,#ffffff,#f8f9fa);font-size:14px;color:#2c3e50;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;min-width:120px}.date-range select[data-v-3e383d48]:hover{border-color:#9370db;box-shadow:0 4px 8px #9370db26}.date-range select[data-v-3e383d48]:focus{outline:none;border-color:#9370db;box-shadow:0 0 0 3px #9370db1a}.refresh-btn[data-v-3e383d48]{padding:8px 16px;background:#9370DB;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.refresh-btn[data-v-3e383d48]:hover{background:#7B68EE}.refresh-btn[data-v-3e383d48]:disabled{opacity:.6;cursor:not-allowed}.overview-stats[data-v-3e383d48]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-3e383d48]{background:white;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;align-items:center;gap:20px;transition:transform .3s ease}.stat-card[data-v-3e383d48]:hover{transform:translateY(-2px)}.stat-icon[data-v-3e383d48]{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#9370DB,#ff00ff);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.stat-content h3[data-v-3e383d48]{margin:0 0 8px;color:#666;font-size:.9rem;font-weight:500}.stat-value[data-v-3e383d48]{margin:0 0 8px;font-size:2rem;font-weight:700;color:#2c3e50}.stat-trend[data-v-3e383d48]{display:flex;align-items:center;gap:5px;font-size:.85rem}.stat-trend.positive[data-v-3e383d48]{color:#27ae60}.stat-trend.negative[data-v-3e383d48]{color:#e74c3c}.analytics-sections[data-v-3e383d48]{display:flex;flex-direction:column;gap:30px}.analytics-section[data-v-3e383d48]{background:white;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.section-header[data-v-3e383d48]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eee}.section-header h2[data-v-3e383d48]{margin:0;color:#2c3e50;font-size:1.3rem;font-weight:600}.section-actions[data-v-3e383d48]{display:flex;gap:10px}.export-btn[data-v-3e383d48]{padding:6px 12px;background:#f8f9fa;color:#666;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .3s ease}.export-btn[data-v-3e383d48]:hover{background:#e9ecef;color:#495057}.table-container[data-v-3e383d48]{overflow-x:auto}.analytics-table[data-v-3e383d48]{width:100%;border-collapse:collapse}.analytics-table th[data-v-3e383d48]{background:#f8f9fa;padding:15px 20px;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #dee2e6;font-size:.9rem}.analytics-table td[data-v-3e383d48]{padding:15px 20px;border-bottom:1px solid #f1f3f4;color:#495057}.analytics-table tbody tr[data-v-3e383d48]:hover{background:#f8f9fa}.button-name[data-v-3e383d48],.nav-name[data-v-3e383d48],.page-name[data-v-3e383d48],.tool-name[data-v-3e383d48]{font-weight:600;color:#2c3e50}.click-count[data-v-3e383d48],.view-count[data-v-3e383d48],.usage-count[data-v-3e383d48]{font-weight:600;color:#9370db}.unique-users[data-v-3e383d48]{color:#27ae60;font-weight:500}.click-rate[data-v-3e383d48],.percentage[data-v-3e383d48],.usage-rate[data-v-3e383d48],.bounce-rate[data-v-3e383d48]{color:#f39c12;font-weight:500}.last-click[data-v-3e383d48],.last-visit[data-v-3e383d48],.last-usage[data-v-3e383d48]{color:#95a5a6;font-size:.85rem}.loading-overlay[data-v-3e383d48]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-3e383d48 .3s ease;padding:20px}@keyframes fadeIn-3e383d48{0%{opacity:0}to{opacity:1}}.loading-spinner[data-v-3e383d48]{background:white;padding:30px;border-radius:16px;box-shadow:0 20px 40px #00000026;text-align:center;animation:slideUp-3e383d48 .4s ease;min-width:200px;max-width:90vw;width:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes slideUp-3e383d48{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.loading-spinner i[data-v-3e383d48]{font-size:2.5rem;margin-bottom:15px;color:#9370db;animation:pulse-3e383d48 1.5s ease-in-out infinite;display:block}@keyframes pulse-3e383d48{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.loading-spinner p[data-v-3e383d48]{margin:0;font-size:1rem;color:#2c3e50;font-weight:500;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media (max-width: 768px){.analytics-view[data-v-3e383d48]{padding:15px}.page-header[data-v-3e383d48]{flex-direction:column;gap:15px;align-items:stretch}.actions[data-v-3e383d48]{justify-content:space-between}.overview-stats[data-v-3e383d48]{grid-template-columns:1fr}.stat-card[data-v-3e383d48]{padding:20px}.analytics-table[data-v-3e383d48]{font-size:.85rem}.analytics-table th[data-v-3e383d48],.analytics-table td[data-v-3e383d48]{padding:10px 15px}.loading-spinner[data-v-3e383d48]{padding:25px 20px;min-width:160px}.loading-spinner i[data-v-3e383d48]{font-size:2rem;margin-bottom:12px}.loading-spinner p[data-v-3e383d48]{font-size:.9rem}}@media (max-width: 480px){.loading-overlay[data-v-3e383d48]{padding:15px}.loading-spinner[data-v-3e383d48]{padding:20px 15px;min-width:140px}.loading-spinner i[data-v-3e383d48]{font-size:1.8rem;margin-bottom:10px}.loading-spinner p[data-v-3e383d48]{font-size:.85rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:all .3s ease}button{cursor:pointer;border:none;outline:none;background:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scale-in{animation:scaleIn .3s ease-in-out}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col{padding:0 15px;flex:1}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}@media (max-width: 768px){.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{flex:0 0 100%;max-width:100%}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-uppercase{text-transform:uppercase}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-color)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:2.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:2.5rem}.ml-1{margin-left:.5rem}.ml-2{margin-left:1rem}.ml-3{margin-left:1.5rem}.ml-4{margin-left:2rem}.ml-5{margin-left:2.5rem}.mr-1{margin-right:.5rem}.mr-2{margin-right:1rem}.mr-3{margin-right:1.5rem}.mr-4{margin-right:2rem}.mr-5{margin-right:2.5rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.p-5{padding:2.5rem}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-inline{display:inline}.d-inline-block{display:inline-block}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-accent{background-color:var(--accent-color)}:root{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #aaaaaa;--accent-color: #9370DB;--accent-color-hover: #ff00ff;--danger-color: #ff4757;--success-color: #2ed573;--warning-color: #ffa502;--info-color: #70a1ff}.page-container{padding:30px;min-height:calc(100vh - 60px);animation:fadeIn .5s ease}.page-header{margin-bottom:40px;text-align:center}.page-title{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(135deg,#9370DB,#ff00ff);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.page-subtitle{color:var(--text-secondary);font-size:1.2rem;max-width:700px;margin:0 auto 20px}.content-section{margin-bottom:60px}.section-title{font-size:1.8rem;margin-bottom:20px;color:var(--text-primary);position:relative;padding-left:15px}.section-title:before{content:"";position:absolute;left:0;top:10px;height:20px;width:5px;border-radius:3px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 991px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-container{padding:20px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-title{font-size:2rem}}.loading-spinner{display:inline-block;width:50px;height:50px;border:3px solid rgba(147,112,219,.3);border-radius:50%;border-top-color:#9370db;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.tag{display:inline-block;padding:5px 12px;border-radius:15px;font-size:.85rem;font-weight:500;margin-right:8px;margin-bottom:8px;background-color:#9370db33;color:#9370db;transition:all .3s ease}.tag:hover{background-color:#9370db4d;transform:translateY(-2px)}.badge{display:inline-block;padding:3px 8px;border-radius:10px;font-size:.75rem;font-weight:600;background-color:var(--bg-secondary)}.badge-primary{background-color:#9370db33;color:#9370db}.badge-success{background-color:#2ed57333;color:var(--success-color)}.badge-danger{background-color:#ff475733;color:var(--danger-color)}.badge-warning{background-color:#ffa50233;color:var(--warning-color)}.badge-info{background-color:#70a1ff33;color:var(--info-color)}