:root{--dark-bg:#1a1a1a;--dark-surface:#242424;--gold:gold;--gold-gradient:linear-gradient(135deg,gold,#ffb347);--text-primary:#fff;--text-secondary:#b3b3b3}body{background-color:#1a1a1a;background-color:var(--dark-bg);color:#fff;color:var(--text-primary);font-family:Helvetica Neue,Arial,sans-serif;margin:0;padding:0}button{background:linear-gradient(135deg,gold,#ffb347);background:var(--gold-gradient);border:none;border-radius:6px;color:#1a1a1a;color:var(--dark-bg);cursor:pointer;transition:opacity .3s}button:hover{opacity:.9}input,select{background-color:#242424;border:1px solid #444;color:#fff;color:var(--text-primary)}.navbar,input,select{background-color:var(--dark-surface)}.navbar{align-items:center;box-shadow:0 4px 6px #0000004d;display:flex;justify-content:space-between;padding:16px 32px;position:sticky;top:0;z-index:1000}.navbar-logo{height:40px;width:auto}.navbar-links{align-items:center;display:flex;gap:32px}.logout-button,.navbar-links a{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.logout-button svg,.navbar-links a svg{font-size:20px}.navbar-links a:hover{background-color:#ffd7001a;color:var(--gold);transform:translateY(-2px)}.navbar-links a.active{background-color:#ffd70026;color:var(--gold)}.logout-button{background:#0000;border:1px solid var(--gold);color:var(--gold);cursor:pointer;margin-left:16px}.logout-button:hover{background:var(--gold-gradient);border-color:#0000;color:var(--dark-bg);transform:translateY(-2px)}.settings-tab-badge .notification-badge{position:absolute;right:-4px;top:-4px}.hamburger-button{background:#0000;border:none;color:var(--gold);cursor:pointer;display:none;font-size:24px;padding:8px;z-index:1001}.menu-overlay{display:none}@media (max-width:1024px){.logout-button span,.navbar-links a span{display:none}.navbar-links{gap:16px}.logout-button,.navbar-links a{padding:8px}.hamburger-button{display:block}.navbar-links{background-color:var(--dark-surface);flex-direction:column;height:100vh;padding:80px 24px 24px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:250px;z-index:1000}.navbar-links.show{right:0}.menu-overlay{background-color:#00000080;display:block;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:999}.logout-button span,.navbar-links a span{display:inline-block}.logout-button,.navbar-links a{justify-content:flex-start;width:100%}.logout-button{margin:16px 0 0}}.notification-badge{background:var(--gold);border-radius:9px;color:var(--dark-bg);font-weight:700;height:18px;min-width:18px;padding:0 6px}.network-tab-badge,.settings-tab-badge{position:relative}.auth-container{background:linear-gradient(135deg,var(--dark-bg) 0,#1a1a1a 100%)}.auth-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;padding:2.5rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group input{padding:14px}.forgot-password-link{color:var(--gold);font-size:.85rem;margin-top:.5rem;position:absolute;right:0;text-decoration:none;top:100%;transition:color .3s ease}.forgot-password-link:hover{color:#e6b800;text-decoration:underline}.auth-button{background:linear-gradient(45deg,var(--gold) 0,gold 100%);font-weight:600;margin-top:2rem;transition:transform .2s ease}.auth-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.auth-links{margin-top:1.5rem;text-align:center}.auth-logo{height:80px;margin:0 auto 2rem}.auth-separator{align-items:center;display:flex;margin:20px 0;text-align:center}.auth-separator:after,.auth-separator:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.auth-separator span{color:#666;font-size:14px;padding:0 10px}.google-login-button{margin-top:10px;width:100%}.google-login-container{display:flex;justify-content:center;margin-top:1.5rem;width:100%}.auth-container{align-items:center;background-color:var(--dark-bg);display:flex;justify-content:center;min-height:100vh}.auth-form{background-color:var(--dark-surface);border-radius:10px;box-shadow:0 4px 6px #0000004d;max-width:400px;padding:2rem;width:100%}.auth-form h2{color:var(--gold);margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group input{background-color:var(--dark-surface);border:1px solid #444;transition:border-color .3s ease}.auth-button{background-color:var(--gold-gradient);border:none;border-radius:6px;color:var(--dark-bg);cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease;width:100%}.auth-button:hover{background-color:#e6b800}.auth-link{color:var(--text-secondary);margin-top:1rem;text-align:center}.auth-link a{color:var(--gold);text-decoration:none}.auth-link a:hover{text-decoration:underline}.error-message{background-color:#c6282833;color:#c62828;margin-bottom:1rem;padding:10px;text-align:center}.auth-logo{display:block;height:60px;margin:0 auto 1.5rem}.dashboard{background-color:var(--dark-bg);color:var(--text-primary);margin:0 auto;max-width:1200px;padding:32px;position:relative}.section-icon{color:var(--gold);font-size:24px}section{box-shadow:0 4px 6px #0000004d;padding:24px}.minutes-counter{background:#ffffff0d;border-radius:20px;color:var(--text-secondary);display:inline-flex;font-size:14px;padding:8px 16px;width:auto}.minutes-counter .time{color:var(--gold);font-weight:600}.get-more-link{color:var(--gold);font-size:12px;opacity:.8}.get-more-link:hover{opacity:1}.minutes-counter .divider{background:var(--text-secondary);height:12px;width:1px}.devices-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.device-card{background:#ffffff0d;border-radius:10px;padding:20px;transition:transform .2s}.device-card:hover{transform:translateY(-2px)}.status{align-items:center;display:flex;gap:8px;margin:12px 0}.status-dot{background:var(--text-secondary);border-radius:50%;height:8px;width:8px}.status.on .status-dot{background:#4caf50}.status.off .status-dot{background:#f44336}.toggle-btn{align-items:center;border-radius:6px;display:flex;gap:8px;padding:10px;transition:all .2s;width:100%}.toggle-btn.on{background:#4caf50}.toggle-btn.off{background:#f44336}.recording-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:40px}.recording-controls{margin-bottom:32px;width:100%}.record-button,.recording-controls{display:flex;justify-content:center}.record-button{align-items:center;background:var(--gold-gradient);border:none;border-radius:50px;box-shadow:0 4px 20px #ffd70033;color:var(--dark-bg);font-size:18px;font-weight:600;gap:12px;min-width:250px;padding:20px 40px;transition:all .3s ease}.record-button:hover{box-shadow:0 6px 25px #ffd7004d;transform:translateY(-2px)}.record-button.recording{animation:pulse 2s infinite;background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.record-button svg{font-size:24px}.start-prompt{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px}.start-prompt svg{font-size:48px}.upload-progress{margin-top:20px;max-width:400px;text-align:center;width:100%}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin:10px 0;width:100%}.progress-bar-fill{background:var(--gold-gradient);height:100%;transition:width .3s ease}.status-message{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:8px}.status-message.error{color:#f44336}.status-message.success{color:#4caf50}.processing-overlay{align-items:center;background:#000c;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--gold);height:50px;margin-bottom:20px;width:50px}.processing-overlay p{color:#fff;font-size:18px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.minutes-depleted{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;text-align:center}.upgrade-button{align-items:center;background:var(--gold-gradient);border-radius:24px;color:var(--dark-bg);display:flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s}.upgrade-button:hover{box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}.record-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.recording-countdown{background:#0003;border-radius:12px;color:var(--text-secondary);font-size:14px;left:50%;padding:4px 12px;position:absolute;top:-30px;transform:translateX(-50%);transition:color .3s}.recording-countdown.warning{color:var(--gold)}.recording-session{min-height:250px;padding:24px;position:relative}.minutes-status{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:12px;position:absolute;right:24px;top:24px}.minutes-status .time{color:var(--gold);font-weight:600}.minutes-status .divider{background:#fff3;height:16px;width:1px}.get-more-link{color:var(--primary);font-weight:500;text-decoration:none;transition:opacity .2s}.get-more-link:hover{opacity:.8}.recording-content{margin-top:20px}.insights{background-color:var(--dark-bg);font-family:Helvetica Neue,Arial,sans-serif;padding:20px}.insights,h2{color:var(--text-primary)}h2{font-size:20px;margin-bottom:20px}.experience-log,.progress-section,.skill-experience{background-color:var(--dark-surface);border-radius:8px;box-shadow:0 4px 6px #0000004d;margin-bottom:20px;padding:20px}.progress-bar{background-color:#444;border-radius:5px;height:30px;overflow:hidden;position:relative}.progress-fill{align-items:center;background:var(--gold-gradient);color:#fff;display:flex;font-weight:700;height:100%;justify-content:center}.progress-level{color:#333;font-weight:700;position:absolute;right:10px;top:5px}.score-indicator{font-size:16px}.performance-level{opacity:.8}.experience-log ul{list-style:none;padding:0}.experience-log li{border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:10px 0}.experience-log li span{color:var(--gold);font-weight:700}.experience-log li time{color:var(--text-secondary);font-size:12px}.experience-chart{border-radius:12px;margin:24px 0;padding:24px}.custom-tooltip,.experience-chart{background-color:var(--dark-surface)}.custom-tooltip{border:1px solid var(--text-secondary);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:12px}.custom-tooltip .date{border-bottom:1px solid var(--text-secondary);color:var(--text-primary);font-weight:700;margin:0 0 8px;padding-bottom:8px}.custom-tooltip .metric{align-items:center;color:var(--text-primary);display:flex;gap:8px;margin:4px 0}.custom-tooltip .label{color:var(--text-secondary)}.custom-tooltip .value{font-weight:700}.chart-header{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.chart-header h2{margin:0;text-align:center}.range-selector{display:flex;gap:10px;justify-content:center}.range-btn{background:var(--dark-surface);border:1px solid var(--text-secondary);border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:8px 16px;transition:all .2s}.range-btn.active{background:var(--gold);border-color:var(--gold);color:var(--dark-bg)}.progress-insight{background-color:var(--dark-surface);border-radius:8px;box-shadow:0 4px 6px #0000004d;margin-bottom:20px;padding:20px}.progress-insight p{color:var(--text-secondary);font-size:1.1em;font-style:italic;line-height:1.5}.skill-experience{background-color:var(--dark-surface);border-radius:8px;box-shadow:0 4px 6px #0000004d;margin-bottom:20px;padding:20px}.skill-experience-grid{display:flex;flex-wrap:wrap;gap:20px}.skill-card{background-color:var(--dark-surface);border:1px solid #444;border-radius:8px;flex:1 1 200px;padding:20px;position:relative;text-align:center;transition:transform .2s}.skill-card:hover{transform:translateY(-2px)}.score-value{font-size:28px;margin:10px 0}.score-indicator{font-size:12px;margin-left:4px}.performance-level{color:var(--text-secondary);display:block;font-size:14px;margin-top:20px;text-align:center}.skill-card:hover .performance-level{opacity:1}.empty-state{gap:20px;margin-top:50px;min-height:300px;padding:64px 32px}.empty-state-icon{font-size:64px}.empty-state-text{font-size:18px;max-width:400px}.empty-state-action{border-radius:6px;padding:10px 20px}.recharts-legend-item{cursor:pointer;transition:opacity .2s}.recharts-legend-item.inactive{opacity:.5}.feedback-type-selector{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:24px;max-width:300px;width:100%}.feedback-type-selector label{color:var(--text-secondary);font-size:14px;font-weight:500}.feedback-type-selector select{appearance:none;-webkit-appearance:none;background:var(--dark-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--text-secondary);border-radius:50px;color:var(--text-primary);cursor:pointer;font-size:16px;padding:12px 48px 12px 16px;transition:all .2s ease;width:100%}.feedback-type-selector select:hover{border-color:var(--gold)}.feedback-type-selector select:focus{border-color:var(--gold);box-shadow:0 0 0 2px #ffd70033;outline:none}.feedback-type-selector select option{background:var(--dark-surface);color:var(--text-primary);padding:12px}.sound-wave canvas{background:#0000;border-radius:12px;height:200px;width:800px}.loading-wrapper{min-height:100vh}.centered-loading,.loading-wrapper{align-items:center;display:flex;justify-content:center}.centered-loading{height:100vh}.discover{margin:0 auto;max-width:800px;padding:32px 16px}*{box-sizing:border-box}.create-post{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 8px 32px #0003;margin-bottom:32px;padding:28px}.upload-container{align-items:center;background:#0003;border:2px dashed #ffd70033;border-radius:12px;cursor:pointer;display:flex;justify-content:center;margin-bottom:20px;min-height:100px;position:relative;transition:all .3s ease}.upload-container.dragging{background:#ffd7000d;border-color:var(--gold)}.upload-container:hover{background:#ffd70008;border-color:var(--gold)}.upload-content{color:var(--text-secondary);padding:20px;text-align:center}.upload-icon{color:var(--gold);font-size:28px;margin-bottom:12px;opacity:.8}.upload-text{font-size:15px;font-weight:500}.file-preview{align-items:center;background:#0003;border-radius:12px;color:var(--text-secondary);display:flex;font-size:14px;gap:12px;margin-top:12px;padding:12px;position:relative}.file-preview video{border-radius:8px;max-height:150px;object-fit:cover;width:200px}.file-preview span{color:var(--text-secondary);flex:1 1;font-size:14px}.file-preview button{align-items:center;background:#f003;border:none;border-radius:4px;color:#f44;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.file-preview button:hover{background:#f006;transform:rotate(90deg)}.create-post h2{color:var(--gold);font-size:22px;font-weight:600;letter-spacing:.5px;margin-bottom:24px}.create-post input[type=file]{background:#ffffff0d;border:1px dashed #ffd7004d;border-radius:8px;cursor:pointer;margin-bottom:16px;padding:12px;width:100%}.create-post textarea{background:#0003;border:1px solid #ffffff1a;border-radius:12px;color:var(--text-primary);font-size:15px;margin:16px 0;min-height:80px;padding:16px;transition:all .3s ease;width:100%}.create-post textarea:focus{background:#0000004d;border-color:var(--gold);outline:none}.create-post button{background:linear-gradient(135deg,var(--gold) 0,gold 100%);border:none;border-radius:12px;color:var(--dark-bg);cursor:pointer;font-size:15px;font-weight:600;margin-top:20px;min-width:100px;padding:14px 28px;position:relative;transition:all .3s ease}.create-post button:hover:not(:disabled){box-shadow:0 4px 20px #ffd70033;transform:translateY(-2px)}.create-post button:disabled{background:linear-gradient(135deg,#4a4a4a,#3a3a3a);color:#ffffff4d;cursor:not-allowed;opacity:.7}.create-post button.loading{background:var(--dark-surface);border:1px solid var(--gold);color:var(--gold)}.format-hint{color:var(--text-secondary);font-size:13px;margin-top:6px;opacity:.7;text-align:center}.success-message{align-items:center;background:#4caf501a;border:1px solid #4caf5033;border-radius:12px;color:#4caf50;display:flex;font-size:14px;gap:8px;margin-top:16px;padding:12px 16px}.visibility-section{border-top:1px solid #ffffff0d;margin-top:20px;padding-top:20px}.visibility-select{background:#0003;border:1px solid #ffffff1a;border-radius:12px;color:var(--text-primary);font-size:15px;margin-bottom:8px;padding:14px;transition:all .3s ease;width:100%}.visibility-message{color:var(--text-secondary);font-size:13px;opacity:.7}.search-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--dark-bg);border-bottom:1px solid #ffffff1a;border-radius:0 0 12px 12px;left:0;padding:20px;position:fixed;right:0;z-index:1000}.search-wrapper{margin:0 auto;max-width:600px;position:relative}.search-wrapper .search-bar{background:var(--dark-surface);border:1px solid #ffffff1a;border-radius:12px;color:var (--text-primary);font-size:16px;padding:12px 16px 12px 48px;transition:all .2s ease;width:100%}.search-wrapper .search-bar:focus{background:#0000004d;border-color:var(--gold);box-shadow:0 0 0 2px #ffd7001a;outline:none}.search-wrapper .search-icon{color:var(--text-secondary);font-size:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-wrapper .search-results{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--dark-surface);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000004d;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.search-wrapper .search-result-item{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;padding:12px 16px;transition:all .2s ease}.search-wrapper .search-result-item:last-child{border-bottom:none}.search-wrapper .search-result-item:hover{background:#ffffff0d}.search-wrapper .result-avatar{border:2px solid #0000;border-radius:50%;height:40px;margin-right:16px;transition:border-color .2s ease;width:40px}.search-wrapper .search-result-item:hover .result-avatar{border-color:var(--gold)}.search-wrapper .result-info{display:flex;flex-direction:column;gap:4px}.search-wrapper .result-name{color:var(--text-primary);font-size:15px;font-weight:500}.search-wrapper .result-company{color:var(--text-secondary);font-size:13px}.search-results{background:var(--dark-surface);border:1px solid #ffffff1a;box-shadow:0 4px 12px #0003;left:0;margin-top:8px;right:0;top:100%}.search-result-item{border-bottom:1px solid #ffffff0d;padding:12px 16px;transition:background .2s}.search-result-item:hover{background:#ffffff0d}.discover>button{background:#0000;border:1px solid var(--gold);border-radius:8px;color:var(--gold);cursor:pointer;margin-bottom:24px;padding:8px 16px;transition:all .2s}.discover>button:hover{background:var(--gold);color:var(--dark-bg)}.feed{gap:24px}.feed,.post{display:flex;flex-direction:column}.post{background:var(--dark-surface);border:1px solid #ffffff1a;border-radius:16px;max-width:100%;overflow:hidden;transition:transform .2s;width:100%}.post:hover{transform:translateY(-2px)}.post-header{border-bottom:none;flex-direction:column;padding:0;width:100%}.post-author-info{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:16px;width:100%}.post-author-left{align-items:center;display:flex;gap:12px}.post-content{width:100%}video::-webkit-media-controls-panel{background-image:linear-gradient(#0000,#00000080)!important}video::-webkit-media-controls-current-time-display,video::-webkit-media-controls-mute-button,video::-webkit-media-controls-play-button,video::-webkit-media-controls-time-remaining-display,video::-webkit-media-controls-timeline,video::-webkit-media-controls-volume-slider{color:#fff!important}video::-webkit-media-controls-mute-button:hover,video::-webkit-media-controls-play-button:hover{background-color:#ffd70033!important;border-radius:50%!important}video::-webkit-media-controls-timeline{height:3px!important}video::-webkit-media-controls-timeline:hover{height:5px!important}video::-webkit-media-controls-timeline{accent-color:var(--gold)!important}video::-webkit-media-controls-enclosure{overflow:hidden!important}video::-webkit-media-controls-panel{width:calc(100% + 30px)!important}.video-container{aspect-ratio:16/9;background:#000;width:100%}.video-container video{-webkit-backface-visibility:hidden;cursor:pointer;height:100%;object-fit:contain;-webkit-perspective:1000;-webkit-transform:translateZ(0);width:100%}.video-container video:hover{opacity:.95}.post-description{border-bottom:1px solid #ffffff1a;color:var(--text-primary);line-height:1.5;padding:16px}.post-actions{flex-wrap:wrap;gap:16px;width:100%}.post-stats{align-items:center;display:flex;gap:16px;margin-left:auto}.comments-section{background:#0003}.post video{background:#000;max-height:600px;object-fit:cover;width:100%}.post p{color:var(--text-primary);line-height:1.5;padding:16px}.post-info{align-items:center;border-top:1px solid #ffffff1a;color:var(--text-secondary);display:flex;font-size:14px;gap:16px;padding:16px}@media (max-width:768px){.discover{padding:16px}.post-info{flex-wrap:wrap;gap:12px}}.post-actions{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:24px;padding:16px}.comment-btn,.like-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;gap:8px;padding:8px;transition:all .2s}.comment-btn:hover,.like-btn:hover{background:#ffffff0d;transform:scale(1.05)}.post-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:1.2rem;gap:8px}.post-stat svg{font-size:1.4rem}.comments-section{border-top:1px solid #ffffff1a;padding:16px}.comment-input{display:flex;gap:12px;margin-bottom:16px}.comment-input textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);flex:1 1;height:40px;padding:12px;resize:none}.comment-input button{background:var(--gold);border:none;border-radius:8px;color:var(--dark-bg);cursor:pointer;padding:0 16px}.comment-list{display:flex;flex-direction:column;gap:16px}.comment{display:flex;gap:12px}.comment-content{flex:1 1}.comment-author{margin-bottom:4px}.comment-date{color:var (--text-secondary);font-size:.8rem;opacity:.7}.comment-footer{margin-top:8px}.comment-like-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:4px;padding:4px 8px;transition:all .2s}.comment-like-btn:hover{background:#ffffff0d;transform:scale(1.05)}.comment-like-btn.liked{color:#ff4081}.comment{padding:12px}.comment-list{max-height:400px;overflow-y:auto;padding-right:8px}.comment-list::-webkit-scrollbar{width:6px}.comment-list::-webkit-scrollbar-track{background:#0000}.comment-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.post-header{padding:12px 16px}.post-author,.post-header{align-items:center;display:flex}.post-author{border-radius:8px;color:var(--text-primary);gap:12px;padding:4px;text-decoration:none;transition:all .2s ease}.post-author:hover{background:#ffffff0d}.author-avatar{border:2px solid var(--gold);border-radius:50%;height:36px;object-fit:cover;width:36px}.author-name{color:var(--gold);font-weight:500}.category-select{background:#0003;border:1px solid #ffffff1a;border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:15px;margin-bottom:20px;padding:14px;transition:all .3s ease;width:100%}.category-select:focus,.category-select:hover{background:#0000004d;border-color:var(--gold)}.category-select option{background:var(--dark-surface);color:var(--text-primary);padding:8px}.post-category{align-items:center;background:#ffd7001a;border:1px solid var(--gold);border-radius:16px;color:var(--gold);display:inline-flex;font-size:12px;font-weight:500;margin-left:12px;padding:4px 12px}.post-author-info{align-items:center;display:flex;margin-bottom:12px}.post-header{border-bottom:1px solid #ffffff1a;padding:16px}.view-toggle{background:#0000;border:1px solid var(--gold);border-radius:8px;color:var(--gold);cursor:pointer;font-weight:600;margin-bottom:24px;padding:12px 24px;transition:all .2s}.view-toggle:hover{background:var(--gold);color:var(--dark-bg);transform:translateY(-2px)}.my-videos{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:24px}.my-video-item{background:var(--dark-surface);border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;position:relative;transition:all .3s ease}.my-video-item:hover{border-color:#ffd7004d;box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.my-video-item video{background:#000;height:200px;object-fit:cover;transition:filter .3s ease;width:100%}.my-video-item .content{padding:20px}.my-video-item .video-info{margin-bottom:16px}.my-video-item .video-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.my-video-item .video-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:16px}.my-video-item .video-category{background:#ffd7001a;border-radius:12px;color:var(--gold);font-size:12px;padding:4px 12px}.my-video-item .video-visibility{align-items:center;display:flex;gap:6px}.my-video-item .actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;padding-top:16px}.my-video-item .action-btn{align-items:center;border-radius:8px;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all .2s ease}.my-video-item .edit-btn{background:var(--gold);border:none;color:var(--dark-bg)}.my-video-item .edit-btn:hover{background:gold;transform:translateY(-2px)}.my-video-item .delete-btn{background:#0000;border:1px solid #fff3;color:var(--text-secondary)}.my-video-item .delete-btn:hover{background:#f443361a;border-color:#f44336;color:#f44336}.edit-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.edit-modal{animation:slideUp .3s ease;background:var(--dark-surface);border:1px solid #ffffff1a;border-radius:16px;max-width:480px;padding:24px;width:90%}.edit-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.edit-modal-title{color:var(--gold);font-size:20px;font-weight:600}.edit-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px;padding:4px}.edit-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);font-size:15px;padding:12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:var(--gold);outline:none}.modal-actions{gap:12px}.modal-actions button{border-radius:8px;flex:1 1;font-size:15px;font-weight:500;padding:12px;transition:all .2s ease}.save-btn{background:var(--gold);border:none;color:var(--dark-bg)}.save-btn:hover{background:gold;transform:translateY(-2px)}.cancel-btn{border:1px solid #fff3}.cancel-btn:hover{background:#ffffff0d;border-color:var(--text-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.connect-btn{flex-shrink:0;max-width:100%}.connect-btn.connected{background:#00ff001a;border-color:green;color:green;cursor:default}.comment{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:16px;padding:16px;transition:all .2s ease}.comment:hover{background:#ffffff08;transform:translateY(-1px)}.comment-user-info{align-items:center;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:4px;text-decoration:none;transition:all .2s ease}.comment-user-info:hover{background:#ffffff0d}.comment-avatar{border:2px solid #0000;height:40px;object-fit:cover;transition:border-color .2s ease;width:40px}.comment-user-info:hover .comment-avatar{border-color:var(--gold)}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{color:var(--gold);font-size:14px;font-weight:500}.user-company{color:var(--text-secondary);font-size:12px;opacity:.8}.comment-content{padding-left:52px}.comment-text{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:12px}.comment-footer{align-items:center;display:flex;justify-content:space-between}.comment-actions{align-items:center;display:flex;gap:16px}.like-btn:hover,.reply-btn:hover{background:#ffffff0d;transform:translateY(-1px)}.like-btn.liked{color:#ff4081}.like-btn.liked:hover{background:#ff40811a}.comment-time{opacity:.6}@keyframes commentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comment{animation:commentFadeIn .3s ease forwards}.delete-comment-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;transition:color .2s ease}.delete-comment-btn:hover{color:#f44}.video-container,.video-overlay{position:relative}.video-overlay{align-items:center;background:#000000b3;color:#fff;display:flex;flex-direction:column;height:360px;justify-content:center;width:100%}.video-overlay p{font-size:18px;margin-bottom:16px;text-align:center}.video-overlay button{background:var(--gold);border:none;border-radius:8px;color:var(--dark-bg);cursor:pointer;padding:8px 16px}.sort-section{align-items:center;display:flex;gap:8px;margin-bottom:24px}.sort-section label,.sort-section select{color:var(--text-primary);font-size:16px}.sort-section select{background:var(--dark-surface);border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;padding:8px}.author-details{display:flex;flex-direction:column;gap:2px}.author-company{font-size:12px;opacity:.8}.author-company,.post-time{color:var(--text-secondary)}.post-time{margin-right:12px;opacity:.7}.my-video-item .thumbnail-container{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;position:relative}.my-video-item .user-post-video{height:100%;object-fit:cover;width:100%}.my-video-item .private-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;position:absolute;text-align:center;transition:opacity .3s ease}.my-video-item .private-content{color:var(--text-primary);padding:24px}.my-video-item .lock-icon{display:block;font-size:32px;margin-bottom:12px}.my-video-item .private-overlay p{color:var (--text-secondary);font-size:14px;margin-bottom:16px}.my-video-item .private-overlay .connect-btn{align-items:center;background:var(--gold);border:none;border-radius:8px;color:var(--dark-bg);cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:8px 16px;transition:transform .2s ease}.my-video-item .private-overlay .connect-btn:hover{transform:translateY(-2px)}.edit-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.edit-modal form{background:var(--dark-surface);border-radius:8px;display:flex;flex-direction:column;padding:20px;width:300px}.edit-modal label{color:var(--text-primary);margin-bottom:10px}.edit-modal input,.edit-modal select{background:#0000004d;border:1px solid var(--gold);border-radius:4px;color:var(--text-primary);margin-top:4px;padding:8px}.edit-modal button{background-color:var(--gold);border:none;border-radius:4px;color:var(--dark-bg);cursor:pointer;margin-top:10px;padding:10px;transition:background .3s}.edit-modal button:hover{background-color:gold}.discover-container{margin:0 auto;max-width:1200px;padding-top:0;position:relative;width:100%}.search-bar{font-size:16px;margin-bottom:8px;padding:12px 16px}.search-bar,.search-results{border:1px solid #ccc;width:100%}.search-results{background-color:#fff;border-radius:8px;list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0;position:absolute;z-index:1000}.search-result-item{align-items:center;cursor:pointer;display:flex;padding:8px 16px}.search-result-item:hover{background-color:#f0f0f0}.result-avatar{border-radius:50%;height:36px;margin-right:12px;width:36px}.result-info{display:flex;flex-direction:column}.result-name{font-size:16px;font-weight:700}.result-company{color:#555;font-size:14px}.upload-mode-toggle{display:flex;gap:16px;margin-bottom:20px}.upload-mode-toggle button{background:none;border:1px solid var(--gold);border-radius:8px;color:var(--gold);cursor:pointer;flex:1 1;padding:12px;transition:background .3s ease}.upload-mode-toggle button.active,.upload-mode-toggle button:hover{background:var(--gold);color:var(--dark-bg)}.record-container{align-items:center;display:flex;flex-direction:column;position:relative}.record-container .video-preview{max-width:500px;position:relative;width:100%}.record-container .camera-feed{background:#000;border-radius:12px;width:100%}.record-container .record-buttons{display:flex;gap:16px;margin-top:12px}.record-container button{background:var(--gold);border:none;border-radius:8px;color:var(--dark-bg);cursor:pointer;margin-top:12px;padding:12px 24px;transition:background .3s ease}.record-container button:hover{background:gold}.record-container .video-preview>button{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:8px;position:absolute;right:8px;top:8px}.record-container .video-preview>button:hover{background:#000000b3}.record-buttons button.active{background-color:var(--red);color:#fff}.record-buttons button{transition:background-color .3s ease,color .3s ease}.record-container .video-preview video{border-radius:8px;margin-top:12px;max-height:400px;object-fit:contain;width:100%}.record-container{border:1px solid #ffffff0d;border-radius:16px;margin:0 auto 20px;max-width:640px;width:100%}.video-preview{border-radius:12px}.record-buttons{display:flex;gap:16px;justify-content:center;padding:12px 0}.record-buttons button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.record-buttons button:first-child{background:var(--gold);color:var(--dark-bg)}.record-buttons button:first-child:hover{background:gold;box-shadow:0 4px 12px #ffd70033;transform:translateY(-2px)}.record-buttons button.recording{animation:pulse 2s infinite;background:#dc3545;color:#fff}.record-buttons button:last-child{background:#ffffff1a;color:var(--text-secondary)}.record-buttons button:last-child:hover{background:#ff3b3033;color:#ff3b30}.recorded-preview{background:#000;border-radius:12px;overflow:hidden;position:relative;width:100%}.recorded-preview video{max-height:480px;object-fit:contain;width:100%}.recorded-preview .controls{background:linear-gradient(#0000,#000c);bottom:0;display:flex;gap:16px;justify-content:center;left:0;padding:16px;position:absolute;right:0}.recording-timer{font-feature-settings:"tnum";background:#0009;border-radius:4px;color:#fff;font-size:14px;font-variant-numeric:tabular-nums;left:16px;padding:4px 8px;position:absolute;top:16px}.recording-indicator:before{animation:blink 1s infinite;background:#dc3545;border-radius:50%;content:"";height:8px;width:8px}.record-container{background:#0003;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:20px}.video-preview{aspect-ratio:16/9;background:#000;border-radius:8px;margin-bottom:16px;overflow:hidden;position:relative;width:100%}.camera-feed{height:100%;object-fit:cover;width:100%}.record-controls{align-items:center;display:flex;flex-direction:column;gap:12px}.start-record-btn,.stop-record-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.start-record-btn{background:var(--gold);color:var(--dark-bg)}.stop-record-btn{animation:pulse 2s infinite;background:#dc3545;color:#fff}.recording-indicator{align-items:center;background:#dc3545e6;border-radius:20px;color:#fff;display:flex;gap:8px;left:16px;padding:8px 16px;position:absolute;top:16px}.recording-dot{animation:blink 1s infinite;background:#fff;border-radius:50%;height:8px;width:8px}.recorded-video-container{width:100%}.recorded-video{border-radius:8px;margin-bottom:12px;width:100%}.recorded-video-controls{display:flex;gap:12px;justify-content:center}.retry-btn,.use-video-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.retry-btn{background:#ffffff1a;color:var(--text-primary)}.use-video-btn{background:var(--gold);color:var(--dark-bg)}.retry-btn:hover{background:#fff3}.use-video-btn:hover{box-shadow:0 4px 12px #ffd70033;transform:translateY(-2px)}@keyframes blink{50%{opacity:0}}@keyframes pulse{0%{box-shadow:0 0 0 0 #dc354566}70%{box-shadow:0 0 0 10px #dc354500}to{box-shadow:0 0 0 0 #dc354500}}video::-webkit-media-controls{transform:translateZ(0)}@supports (-webkit-touch-callout:none){.video-container video{position:relative;z-index:1}}.sessions{background-color:var(--dark-bg);color:var(--text-primary);display:flex;gap:24px;height:100vh;padding:24px}.session-list{background-color:var(--dark-surface);border-radius:12px;box-shadow:0 4px 6px #0003;min-width:320px;overflow-y:auto;padding:20px;width:35%}.session-item{background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;margin-bottom:12px;overflow:hidden;padding:16px;position:relative;transition:background-color .2s ease}.session-item:hover{background-color:#ffffff0d;transform:translateY(-2px)}.session-item.favourite{background-color:#ffd70008;border-left:4px solid var(--gold)}.session-item.selected{background-color:#ffd7001a;border:1px solid var(--gold)}.session-item.selected:before{background-color:var(--gold);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.session-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.session-title{align-items:center;display:flex;flex:1 1;font-size:1.2em;font-weight:700;gap:8px}.session-title-input{background:#ffffff0d;border:1px solid var(--gold);border-radius:4px;color:var(--text-primary);font-size:24px;padding:8px 12px;width:100%}.session-title-input:focus{background:#ffffff14;border-color:var(--gold);outline:none}.session-actions{align-self:stretch;display:flex;flex-direction:column;gap:8px}.session-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.9em;gap:16px;margin-top:12px}.meta-item{align-items:center;display:flex;gap:6px}.session-detail{background-color:var(--dark-surface);border-radius:16px;flex:1 1;margin:0 -16px 0 auto;overflow-y:auto;padding:32px 16px 32px 32px}.detail-header{background:linear-gradient(90deg,#ffd7000d,#0000);border-radius:16px;margin-bottom:40px;padding:32px}.detail-title{align-items:center;color:var(--gold);display:flex;font-size:36px;font-weight:600;gap:16px;margin-bottom:24px}.edit-title-container{max-width:600px;width:100%}.audio-player{background:#ffffff0d;border-radius:12px;height:54px}.audio-player-container{border:1px solid #ffd7001a;border-radius:16px;margin-bottom:40px;padding:32px}.session-scores{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:24px 0 0}.score-card{background:#ffffff0d;border:1px solid #ffffff1a;padding:24px;text-align:center;transition:all .3s ease}.score-card:hover{background:#ffd7000d;border-color:var(--gold);transform:translateY(-4px)}.score-card svg{margin-top:0}.score-label{color:var(--text-secondary);font-size:14px;text-transform:capitalize}.analysis-details{grid-gap:24px;display:grid;gap:24px}.feedback-section,.improvement-opportunity-section,.summary-section{background:#ffffff08;border:1px solid #ffd7001a;border-radius:16px;margin-bottom:40px;padding:32px}.section-header{color:var(--gold);gap:12px}.improvement-opportunity-section h4,.section-header h3,.summary-section h4{color:var(--gold);font-size:24px;margin-bottom:16px}.feedback-content,.improvement-opportunity-section p,.summary-section p{color:var(--text-secondary);font-size:16px;line-height:1.8}.feedback-rating{display:flex;gap:16px;justify-content:flex-end;margin-top:24px}.rating-btn{background:#ffffff0d;border:1px solid #ffd7001a;border-radius:50%;padding:12px;transition:all .3s ease}.rating-btn:hover{background:#ffd7001a;transform:scale(1.1)}.rating-btn.active{background:var(--gold);color:var(--dark-bg)}.delete-btn,.edit-btn,.favourite-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.delete-btn:hover,.edit-btn:hover,.favourite-btn:hover{background-color:#ffffff1a;transform:scale(1.1)}.edit-btn:hover,.favourite-btn.active{color:var(--gold)}.delete-btn:hover{color:#f44336}.audio-player{accent-color:var(--gold);background-color:#ffffff0d;border-radius:24px;height:48px;margin:20px 0;width:100%}.audio-player::-webkit-media-controls-panel{background-color:#ffffff0d}.audio-player::-webkit-media-controls-play-button,.audio-player::-webkit-media-controls-timeline{accent-color:var(--gold)}.score-card{background:#ffffff08;border-radius:12px;cursor:pointer;padding:16px;position:relative;transition:transform .2s}.score-circle{height:80px;margin:12px auto 24px;position:relative;width:80px}.score-circle svg{height:100%;transform:rotate(-90deg);width:100%}.score-value{align-items:center;display:flex;justify-content:center;line-height:1;margin:0;padding:0}.score-circle circle{fill:none;stroke-width:8;stroke-linecap:round;cx:40;cy:40;r:36}.score-circle .background{stroke:#ffffff1a}.score-circle .progress{transition:stroke-dashoffset .3s ease}.score-value{color:var(--gold);font-size:20px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.session-id{font-size:.8em;font-style:italic}.empty-state{align-items:center;background:#ffffff08;display:flex;flex-direction:column;gap:16px;justify-content:center;margin:24px;min-height:200px;padding:48px 24px}.empty-state-icon{color:var(--text-secondary);font-size:48px;opacity:.5}.empty-state-text{color:var(--text-secondary);font-size:16px;line-height:1.5;max-width:300px}.empty-state-action{align-items:center;background:#0000;border:1px solid var(--gold);border-radius:4px;color:var(--gold);cursor:pointer;display:flex;gap:8px;margin-top:16px;padding:8px 16px;transition:all .2s}.empty-state-action:hover,.mobile-toggle{background:var(--gold);color:var(--dark-bg)}.mobile-toggle{border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;display:none;height:48px;left:16px;position:fixed;top:80px;width:48px;z-index:100}@media (max-width:768px){.sessions{padding:16px;position:relative}.mobile-toggle{align-items:center;display:flex;justify-content:center}.session-list{bottom:0;left:0;margin-top:60px;max-width:320px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:85%;z-index:99}.session-list.visible{transform:translateX(0)}.session-detail{margin-left:0;width:100%}}.search-container{background:var(--dark-surface);margin-bottom:20px;padding:8px 0;position:sticky;top:0;z-index:1}.search-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.search-input:focus{background:#ffffff14;border-color:var(--gold);outline:none}.search-input::placeholder{color:var(--text-secondary)}.sessions{scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.session-detail::-webkit-scrollbar,.session-list::-webkit-scrollbar,.sessions::-webkit-scrollbar{height:8px;width:8px}.session-detail::-webkit-scrollbar-track,.session-list::-webkit-scrollbar-track,.sessions::-webkit-scrollbar-track{background:#0000}.session-detail::-webkit-scrollbar-thumb,.session-list::-webkit-scrollbar-thumb,.sessions::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.session-detail::-webkit-scrollbar-thumb:hover,.session-list::-webkit-scrollbar-thumb:hover,.sessions::-webkit-scrollbar-thumb:hover{background:#fff3}.session-detail{margin-right:-16px;margin:0 auto;max-width:1200px;padding-right:16px}.detail-header{background-color:#ffffff08;border-radius:12px;margin-bottom:32px;padding:24px}.detail-title{font-size:32px;margin-bottom:16px}.audio-player-container{background:#ffffff08;border-radius:12px;margin-bottom:32px;padding:24px}.audio-player{margin:0}.scores-container{background:#ffffff08;border-radius:12px;margin-bottom:32px;padding:24px}.scores-header{align-items:center;color:var(--gold);display:flex;font-size:24px;gap:12px;margin-bottom:24px}.session-scores{grid-gap:32px;margin:0}.summary-section{background:#ffffff08;border-radius:12px;margin-bottom:32px;padding:24px}.summary-section h4{color:var(--gold);font-size:24px;margin-bottom:16px}.summary-section p{color:var(--text-secondary);line-height:1.6}.feedback-section{background:#ffffff08;margin-bottom:32px;padding:24px}.feedback-content{color:var(--text-secondary)}.section-header h3{font-size:24px}.improvement-opportunity-section{background:#ffffff08;border-radius:12px;margin-bottom:32px;padding:24px}.improvement-opportunity-section h4{color:var(--gold);font-size:24px;margin-bottom:16px}.improvement-opportunity-section p{color:var(--text-secondary);line-height:1.6}.skill-feedback-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:linear-gradient(to bottom right,var(--dark-surface),#000000f2);border:1px solid #ffd7001a;border-radius:20px;box-shadow:0 8px 32px #0006;padding:40px}.modal-content h4{color:var(--gold);font-size:24px;margin-bottom:16px}.modal-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.modal-content button{background:var(--gold);border:none;border-radius:6px;color:var(--dark-bg);cursor:pointer;font-weight:700;padding:12px 24px;transition:opacity .2s}.modal-content button:hover{opacity:.9}.transcript-section{background:#ffffff08;border:1px solid #ffd7001a;border-radius:12px;margin-top:32px;padding:24px}.transcript-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.transcript-tabs{display:flex;gap:12px}.tab-btn{background:#0000;border:1px solid #ffd7004d;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:8px 16px;transition:all .2s ease}.tab-btn:hover:not(:disabled){background:#ffd7001a;border-color:var(--gold)}.tab-btn.active{background:var(--gold);border-color:var(--gold);color:var(--dark-bg)}.tab-btn:disabled{cursor:not-allowed;opacity:.5}.transcript-content{background:#0003;border-radius:8px;padding:24px;position:relative}.transcript-badge{background:var(--gold);border-radius:12px;color:var(--dark-bg);font-size:12px;font-weight:700;padding:4px 12px;position:absolute;right:24px;top:-12px}.transcript-text{color:var(--text-secondary);font-size:16px;line-height:1.8;margin-top:8px;white-space:pre-wrap}.transcript-loading{align-items:center;display:flex;justify-content:center;min-height:200px}@media (max-width:768px){.transcript-header{align-items:flex-start;flex-direction:column;gap:16px}.transcript-badge{display:inline-block;margin-bottom:16px;position:static}}.message-feedback{background:#ffffff08;border:1px solid #ffd7001a;border-radius:12px;margin-top:32px;padding:24px}.message-feedback h3{align-items:center;color:var(--gold);display:flex;font-size:20px;gap:12px;margin-bottom:24px}.message-feedback h3 svg{font-size:18px}.message-feedback p{background:#0003;border-radius:8px;color:var(--text-secondary);font-size:16px;line-height:1.8;padding:24px;position:relative;white-space:pre-wrap}@media (max-width:768px){.message-feedback{margin-top:24px;padding:20px}.message-feedback h3{font-size:18px;margin-bottom:20px}.message-feedback p{padding:16px}}.settings{margin:0 auto;max-width:1200px;padding:32px}.settings-tabs{background:var(--dark-surface);border-radius:12px;display:flex;gap:8px;margin-bottom:32px;padding:8px}.tab-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;gap:8px;padding:12px 24px;position:relative;transition:all .2s ease}.tab-button .notification-badge{position:absolute;right:-4px;top:-4px}.tab-button.active{background:var(--gold);color:var(--dark-bg)}.tab-button:hover:not(.active){background:#ffffff0d}section{background-color:var(--dark-surface);border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:24px;padding:24px 32px}.settings-content{animation:fadeIn .3s ease;background:var(--dark-surface);border-radius:12px;padding:32px}.tab-content{margin:0 auto;max-width:800px}.form-sections{grid-gap:32px;display:grid;gap:32px;margin:32px 0}.form-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:24px}.form-section h3{color:var(--gold);font-size:18px;margin-bottom:24px}.social-inputs{grid-gap:16px;display:grid;gap:16px}.form-group{padding-right:8px}h2{color:var(--gold);font-size:24px;font-weight:600;margin-bottom:24px}.profile-picture-container{display:flex;justify-content:center;margin-bottom:32px}.profile-picture{border-radius:50%;height:150px;overflow:hidden;position:relative;width:150px}.profile-picture img{height:100%;object-fit:cover;width:100%}.profile-picture-overlay{background:#000000b3;bottom:0;left:0;padding:8px;position:absolute;right:0;transform:translateY(100%);transition:transform .2s ease}.profile-picture:hover .profile-picture-overlay{transform:translateY(0)}.upload-button{color:#fff;cursor:pointer;display:block;font-size:14px;text-align:center}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px}.form-group input{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-primary);font-size:16px;padding:12px;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:var(--gold);outline:none}.save-button,.submit-button{background:var(--gold-gradient);border:none;border-radius:8px;color:var(--dark-bg);cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.save-button:hover:not(:disabled),.submit-button:hover:not(:disabled){box-shadow:0 4px 12px #ffd70033;transform:translateY(-2px)}.save-button:hover{transform:translateY(-1px)}.feedback-section{background-color:var(--dark-surface);border:1px solid #ffffff0d;border-radius:12px;margin-top:32px;padding:32px}.feedback-section h2{align-items:center;color:var(--gold);display:flex;font-size:24px;font-weight:600;gap:12px;margin-bottom:24px}.feedback-form{display:flex;flex-direction:column;gap:24px}.form-group{gap:8px}.form-group label{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:4px}.form-group select{-webkit-appearance:none;appearance:none;background-color:var(--dark-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding:12px 16px}.form-group select,.form-group textarea{border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);font-size:16px;width:100%}.form-group textarea{background-color:#ffffff0d;line-height:1.5;min-height:120px;padding:16px;resize:vertical;transition:all .2s ease}.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px #ffd7001a;outline:none}.submit-button{background:var(--gold-gradient);border:none;border-radius:8px;color:var(--dark-bg);cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:16px;transition:all .2s ease;width:100%}.submit-button:hover{box-shadow:0 4px 12px #ffd70033;transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.error-message,.success-message{animation:slideIn .3s ease;border-radius:8px;font-weight:500;margin-bottom:20px;padding:16px}.success-message{background:#27ae601a;border:1px solid #27ae60;color:#2ecc71}.error-message{background:#e74c3c1a;border:1px solid #e74c3c;color:#e74c3c}.transaction-table{background:var(--dark-surface);border-collapse:collapse;border-radius:8px;margin-top:16px;overflow:hidden;width:100%}.transaction-table td,.transaction-table th{border-bottom:1px solid #ffffff1a;padding:16px;text-align:left}.transaction-table th{background:#ffffff0d;color:var(--gold);font-weight:600;white-space:nowrap}.transaction-table tr:hover{background:#ffffff05}.transaction-table tr:last-child td{border-bottom:none}.transaction-table a{align-items:center;color:var(--gold);display:flex;gap:8px;text-decoration:none;transition:all .2s ease}.transaction-table a:hover{opacity:.8}.transaction-history{background:var(--dark-surface);border-radius:12px;margin-top:40px;padding:24px}.transaction-history h2{align-items:center;color:var(--gold);display:flex;gap:8px;margin-bottom:24px}.cv-actions{align-items:center;display:flex;gap:16px}.cv-download{border-radius:6px;font-size:14px;padding:8px 16px;transition:all .2s ease}.cv-download:hover{box-shadow:0 4px 12px #ffd70033;transform:translateY(-1px)}.cv-delete{background:#e74c3c1a;border:1px solid #e74c3c;border-radius:6px;color:#e74c3c;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cv-delete:hover{background:#e74c3c33}.network-management{display:flex;flex-direction:column;gap:24px}.pending-requests{background:#ffd7000d;border:1px solid #ffd7001a;border-radius:12px;padding:20px}.request-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.request-item{background:var(--dark-surface);border-radius:8px;padding:12px}.request-user{align-items:center;display:flex;gap:12px}.request-user img{border-radius:50%;height:40px;object-fit:cover;width:40px}.request-actions{gap:8px}.accept-btn,.decline-btn{border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.accept-btn{background:var(--gold-gradient);border:none;color:var(--dark-bg)}.decline-btn{background:#0000;border:1px solid #ff444480;color:#f44}.accept-btn:hover{transform:translateY(-2px)}.decline-btn:hover{background:#ff44441a}.network-tab{position:relative}.notification-badge{align-items:center;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.pending-requests-section{background:#ffffff0d;border-radius:8px;margin-bottom:2rem;padding:1rem}.request-item{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:1rem}.request-item,.user-info{align-items:center;display:flex}.user-info{color:inherit;gap:1rem;text-decoration:none}.user-info:hover{color:var(--accent-color)}.user-info img{border-radius:50%;height:40px;object-fit:cover;width:40px}.request-actions{display:flex;gap:.5rem}.connections-list{grid-gap:1rem;gap:1rem}.connection-item{background:#ffffff0d;border-radius:8px;color:inherit;gap:.5rem;padding:.5rem;transition:all .2s}.connection-item:hover{background:#ffffff1a}.connections-section{margin-top:24px}.connections-section h3{color:var(--gold);font-size:20px;margin-bottom:16px}.connections-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:16px}.connection-item{align-items:center;background:var(--dark-surface);border:1px solid #ffd7001a;border-radius:12px;display:flex;gap:12px;padding:16px;text-decoration:none;transition:all .2s ease}.connection-item:hover{background:#ffd7000d;border-color:var(--gold);transform:translateY(-2px)}.connection-item img{border:2px solid #0000;border-radius:50%;height:48px;object-fit:cover;transition:border-color .2s ease;width:48px}.connection-item:hover img{border-color:var(--gold)}.connection-item span{color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-connections{background:var(--dark-surface);border:1px solid #ffd7001a;border-radius:12px;color:var(--text-secondary);padding:32px;text-align:center}@media (max-width:768px){.connections-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.mobile-menu-button{align-items:center;background:var(--gold);border:none;border-radius:8px;color:var(--dark-bg);cursor:pointer;display:none;font-weight:600;justify-content:space-between;padding:12px 16px;text-align:left;width:100%}.mobile-arrow{font-size:12px}@media (max-width:768px){.settings{padding:16px}.settings-tabs{flex-direction:column;position:relative}.mobile-menu-button{display:flex}.tabs-container{background:var(--dark-surface);border-radius:0 0 12px 12px;box-shadow:0 4px 12px #0003;display:none;flex-direction:column;left:0;position:absolute;top:100%;width:100%;z-index:100}.settings-tabs.mobile-open .tabs-container{display:flex}.tab-button{border-radius:0;justify-content:flex-start;width:100%}.tab-button:last-child{border-radius:0 0 12px 12px}.settings-content{padding:16px}.form-sections{gap:16px}.form-section{padding:16px}}@media (min-width:769px){.tabs-container{display:flex!important;width:100%}}.admin-container{display:flex;min-height:100vh}.admin-navbar{background-color:var(--dark-surface);border-right:1px solid #ffffff1a;padding:24px;width:260px}.admin-nav-header,.admin-navbar{display:flex;flex-direction:column}.admin-nav-header{align-items:center;border-bottom:1px solid #ffffff1a;gap:16px;margin-bottom:32px;padding-bottom:16px}.admin-logo{height:40px}.admin-nav-header h2{color:var(--gold);font-size:1.2rem;margin:0}.admin-nav-links{display:flex;flex-direction:column;gap:8px}.admin-nav-links a{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:all .3s ease}.admin-nav-links a:hover{background:#ffffff0d;color:var(--text-primary)}.admin-nav-links a.active{background:var(--gold);color:var(--dark-bg)}.admin-logout-button{align-items:center;background:#0000;border:1px solid var(--gold);border-radius:8px;color:var(--gold);cursor:pointer;display:flex;gap:12px;margin-top:auto;padding:12px 16px;transition:all .3s ease}.admin-logout-button:hover{background:var(--gold);color:var(--dark-bg)}.admin-content{background-color:var(--dark-bg);flex:1 1;padding:32px}.admin-users{padding:24px}.admin-users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.admin-users-controls{align-items:center;display:flex;gap:16px}.users-table-container{background:var(--dark-surface);border-radius:12px;overflow-x:auto;padding:16px}.users-table{border-collapse:collapse;color:var(--text-primary);width:100%}.users-table th{border-bottom:1px solid #ffffff1a;cursor:pointer;padding:16px;text-align:left;-webkit-user-select:none;user-select:none}.users-table th:hover{color:var(--gold)}.users-table td{border-bottom:1px solid #ffffff0d;padding:16px}.user-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.confirm-modal{background:var(--dark-surface);border-radius:12px;max-width:400px;padding:24px;width:100%}.confirm-modal h2{color:var(--gold);margin-bottom:16px}.confirm-modal .warning{color:#f44;margin:16px 0}.modal-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:24px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;padding:8px 16px}.modal-actions button:first-child{background:var(--dark-bg);color:var(--text-primary)}.modal-actions .delete-button{background:#f44;color:#fff}.loading{color:var(--text-secondary);padding:48px;text-align:center}.role-select{background:var(--dark-surface);border:1px solid #ffffff1a;border-radius:6px;color:var(--text-primary);cursor:pointer;padding:6px 12px;transition:all .2s ease}.role-select:focus,.role-select:hover{border-color:var(--gold)}.role-select:focus{outline:none}.role-select option{background:var(--dark-surface);color:var(--text-primary)}.delete-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .2s ease}.delete-button:hover{background:#ff44441a;color:#f44}.admin-feedback{padding:24px}.admin-feedback-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.admin-feedback-controls{align-items:center;display:flex;gap:16px}.search-bar{align-items:center;background:var(--dark-surface);border-radius:8px;display:flex;padding:8px 16px;width:300px}.search-bar input{background:none;border:none;color:var(--text-primary);margin-left:8px;width:100%}.search-bar input:focus{outline:none}.filter-select{border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary)}.filter-select,.refresh-button{background:var(--dark-surface);cursor:pointer;padding:8px 16px}.refresh-button{align-items:center;border:1px solid var(--gold);border-radius:8px;color:var(--gold);display:flex;gap:8px;transition:all .3s ease}.refresh-button:hover{background:var(--gold);color:var(--dark-bg)}.feedback-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:24px}.feedback-card{background:var(--dark-surface);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 4px 20px #0003;overflow:hidden;padding:24px;position:relative;transition:all .2s ease}.feedback-card:hover{border-color:#ffd7001a;box-shadow:0 8px 30px #0000004d;transform:translateY(-2px)}.feedback-card.resolved{background:linear-gradient(to right,var(--dark-surface),#4caf500d);opacity:.7}.feedback-card.resolved:after{background:#4caf50;color:#fff;content:"✓ Resolved";font-size:12px;font-weight:500;padding:4px 40px;position:absolute;right:-30px;top:16px;transform:rotate(45deg)}.feedback-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.feedback-type{align-items:center;border:1px solid #0000;border-radius:20px;display:flex;font-size:13px;font-weight:500;gap:8px;letter-spacing:.3px;padding:6px 12px}.feedback-type svg{font-size:16px}.feedback-type.bug{background:#f443361a;border-color:#f4433633;color:#f44336}.feedback-type.feature{background:#4caf501a;border-color:#4caf5033;color:#4caf50}.feedback-type.improvement{background:#2196f31a;border-color:#2196f333;color:#2196f3}.feedback-type.general{background:#9c27b01a;border-color:#9c27b033;color:#9c27b0}.feedback-date{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px}.feedback-content{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;color:var(--text-primary);font-size:15px;line-height:1.6;margin:0 0 20px;padding:16px}.feedback-footer{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;padding-top:16px}.feedback-user{align-items:center;color:var(--text-secondary);font-size:13px}.feedback-actions,.feedback-user{display:flex;gap:8px}.feedback-actions button{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.resolve-button:hover{background:#4caf501a;color:#4caf50;transform:scale(1.05)}.delete-button:hover{background:#f443361a;color:#f44336;transform:scale(1.05)}.error-message{background:#ff44441a;border-radius:8px;color:#f44;margin-bottom:16px}.empty-state,.loading{color:var(--text-secondary);padding:48px;text-align:center}.admin-page{background-color:var(--dark-bg);color:var(--text-primary);margin:0 auto;max-width:1400px;padding:32px}.admin-page h1{color:var(--gold);font-size:32px;font-weight:600;margin-bottom:32px}.time-period-selector{display:flex;justify-content:flex-end;margin-bottom:32px}.time-select{background:var(--dark-surface);border:1px solid var(--text-secondary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:15px;min-width:200px;padding:10px 20px;transition:all .2s ease}.time-select:hover{border-color:var(--gold);box-shadow:0 0 0 2px #ffd7001a}.analytics-section{background:var(--dark-surface);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 4px 20px #0003;margin-bottom:32px;padding:32px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h2{color:var(--text-primary);font-size:24px;font-weight:500;margin:0}.period-total{background:#ffd7001a;border:1px solid #ffd70033;border-radius:8px;color:var(--gold);font-size:18px;font-weight:500;padding:8px 16px}.chart-container{background:var(--dark-surface);border:1px solid #ffffff0d;border-radius:12px;margin-top:16px;padding:24px;transition:transform .2s ease}.chart-container:hover{transform:translateY(-2px)}.chart-container h3{color:var(--text-primary);font-size:16px;margin-bottom:16px}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff0d}.recharts-text{fill:var(--text-secondary);font-size:12px}.recharts-legend-item-text{color:var(--text-primary)!important}.recharts-tooltip-wrapper{background:var(--dark-surface)!important;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 20px #0000004d}.recharts-tooltip-wrapper .recharts-tooltip-label{border-bottom:1px solid #ffffff1a;color:var(--text-secondary);padding:8px 12px}.recharts-tooltip-wrapper .recharts-tooltip-item{color:var(--text-primary);padding:8px 12px}.recharts-active-dot{stroke:var(--dark-surface);stroke-width:2}.error,.loading{background:var(--dark-surface);border-radius:12px;font-size:18px;margin:32px 0;padding:64px;text-align:center}.error{background:#ff44441a;border:1px solid #f443;color:#f44}.admin-analytics{padding:2rem}.metrics-section{background:var(--dark-surface);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 4px 20px #0003;margin-bottom:24px;padding:24px}.metrics-section h2{color:var(--gold);font-size:20px;margin-bottom:20px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.metric-card{background:var(--dark-bg);border:1px solid #ffffff0d;border-radius:12px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-2px)}.metric-card h4{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.metric-value{color:var(--text-primary);font-size:24px;font-weight:600;margin:8px 0}.trend{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:500;padding:4px 8px}.trend.positive{background:#4caf501a;color:#4caf50}.trend.negative{background:#f443361a;color:#f44336}@media (max-width:768px){.metrics-grid{grid-template-columns:1fr}.metrics-section{padding:16px}}.tuner-container{background:var(--dark-surface);border:1px solid #ffffff0d;border-radius:12px;margin:2rem auto;max-width:800px;padding:2rem}.tuner-title{color:var(--gold);font-size:2rem;margin-bottom:2rem;text-align:center}.tuner-error{background:#dc35451a;border:1px solid #dc354533;border-radius:8px;color:#f44;margin-bottom:1rem;padding:1rem}.tuner-loading{color:var(--text-secondary);padding:2rem;text-align:center}.tuner-form{gap:1.5rem}.form-group,.tuner-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-primary);font-weight:600}.input-field{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .2s ease}.input-field:focus{background:#ffffff14;border-color:var(--gold);outline:none}.date-text,.description-text{color:var(--text-secondary);margin:0}.save-button{background:var(--gold-gradient);border:none;border-radius:8px;color:var(--dark-bg);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:all .2s}.save-button:hover:not(:disabled){box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}.save-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.upgrade-page{color:var(--text-primary);margin:0 auto;max-width:1200px;padding:32px}.minutes-counter{align-items:center;color:var(--gold);display:flex;font-size:18px;gap:8px;justify-content:center;margin-bottom:24px}.upgrade-page h1{color:var(--gold);font-size:2.5rem;margin-bottom:40px;text-align:center}.packages{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr;margin:0 auto 40px;max-width:1200px;padding:0 20px}.one-time-packages{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.package-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:32px;text-align:center;transition:all .3s ease}.package-card.featured{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:2px solid var(--gold);margin:0 auto;max-width:600px;transform:scale(1.05)}.package-card.featured h2{font-size:32px;margin-bottom:24px}.package-card.featured .package-price{font-size:48px}.package-card:hover{border-color:#ffd7004d;box-shadow:0 8px 32px #ffd7001a;transform:translateY(-4px)}.package-card h2{color:var(--gold);font-size:24px;margin-bottom:16px}.package-card p{color:var(--text-secondary);font-size:16px;line-height:1.5;margin-bottom:24px}.package-details{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:24px}.package-price{color:var(--gold);font-size:32px;font-weight:700}.package-minutes{align-items:center;color:var(--text-primary);display:flex;gap:8px}.package-card button{border-radius:8px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.package-card.featured button{background:var(--gold-gradient);color:var(--dark-bg)}.package-card:not(.featured) button{background:#0000;border:1px solid var(--gold);color:var(--gold)}.package-card:not(.featured) button:hover{background:var(--gold);color:var(--dark-bg)}@media (max-width:768px){.package-card.featured{max-width:100%;transform:none}.one-time-packages{grid-template-columns:1fr}}.disclaimer{background:#ffd7001a;border-radius:8px;color:var(--text-secondary);margin-bottom:24px;padding:12px;text-align:center}.disclaimer p{font-size:14px;margin:0}@media (max-width:768px){.packages{align-items:center;flex-direction:column}.package-card{max-width:400px;width:100%}}.error-message{background-color:#fee2e2;border:1px solid #ef4444;border-radius:4px;color:#dc2626;margin:12px 0;padding:12px}button.loading{cursor:not-allowed;opacity:.7}.payment-form{margin-top:20px}.loading{opacity:.6;pointer-events:none}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-modal{animation:slideIn .3s ease;background:var(--dark-surface);border-radius:16px;box-shadow:0 8px 32px #0006;max-width:500px;padding:40px;position:relative;width:90%}.close-modal{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;position:absolute;right:16px;top:16px;transition:all .2s ease}.close-modal:hover{color:var(--text-primary);transform:scale(1.1)}.purchase-summary{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin:24px 0;padding:24px}.summary-item{color:var(--text-secondary);display:flex;justify-content:space-between;padding:8px 0}.summary-item.total{border-top:1px solid #ffffff1a;color:var(--text-primary);font-size:1.1em;font-weight:600;margin-top:12px;padding-top:12px}.secure-badge{color:var(--text-secondary);margin:24px 0;text-align:center}.secure-badge span{color:var(--text-primary);display:block;font-weight:600;margin-bottom:4px}.secure-badge p{font-size:.9em;margin:0}.card-label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:8px}.card-element-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:20px;transition:border-color .3s ease}.card-element-container:hover{border-color:#ffd7004d}.payment-modal h2{color:var(--gold);font-size:1.75rem;margin-bottom:24px;text-align:center}.pay-button{background:var(--gold-gradient);border:none;border-radius:8px;color:var(--dark-bg);cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.pay-button:hover:not(:disabled){box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}.pay-button:disabled{cursor:not-allowed;opacity:.7}.success-message{animation:slideIn .3s ease;text-align:center}.success-message h2{color:var(--gold);margin-bottom:16px}.return-home{background:var(--gold-gradient);border-radius:8px;color:var(--dark-bg);display:inline-block;font-weight:600;margin-top:24px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.return-home:hover{box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.user-profile{margin:0 auto;max-width:1200px;padding:32px 16px}.user-profile-header{background:var(--dark-surface);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:32px;padding:32px;position:relative}.user-profile-picture{border:3px solid var(--gold);border-radius:50%;height:120px;margin-bottom:16px;object-fit:cover;width:120px}.user-display-name{color:var(--gold);font-size:2.5rem;margin-bottom:24px}.user-info-sections{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:32px}.user-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:24px}.user-section h3{align-items:center;color:var(--gold);display:flex;font-size:18px;gap:8px;margin-bottom:16px}.company-name{color:var(--text-primary);font-size:16px;margin-bottom:8px}.sector-badge{background:#ffd7001a;border:1px solid var(--gold);border-radius:16px;color:var(--gold);display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.website-links{display:flex;flex-direction:column;gap:12px}.website-link{align-items:center;background:#ffffff0d;border-radius:8px;color:var(--text-primary);display:inline-flex;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.website-link:hover{background:var(--gold);color:var(--dark-bg)}.social-links{display:flex;flex-wrap:wrap;gap:16px}.social-links a{align-items:center;background:#ffffff0d;border-radius:50%;color:var(--text-secondary);display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.social-links a:hover{color:var(--gold);transform:translateY(-2px)}.cv-section{text-align:center}.cv-download{align-items:center;background:var(--gold-gradient);border-radius:8px;color:var(--dark-bg);display:inline-flex;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:transform .2s ease}.cv-download:hover{transform:translateY(-2px)}.user-posts-section{margin-top:40px}.user-posts-section h2{align-items:center;color:var(--gold);display:flex;gap:8px;margin-bottom:24px}.user-post-item{background:var(--dark-surface);border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;transition:transform .2s ease}.user-post-item:hover{transform:translateY(-4px)}.user-post-video{aspect-ratio:16/9;background:#000}.user-post-description{color:var(--text-secondary);font-size:14px;line-height:1.5;padding:16px}.empty-state{background:var(--dark-surface);border:1px solid #ffffff1a;border-radius:12px;padding:48px;text-align:center}.connect-btn,.empty-state{color:var(--text-secondary)}.connect-btn{align-items:center;background:#0000;border:1px solid #ffd7004d;border-radius:6px;display:flex;font-size:12px;gap:4px;opacity:.7;padding:6px 12px;transition:all .2s}.connect-btn:hover{background:#ffd7001a;border-color:var(--gold);color:var(--gold);opacity:1}.connect-btn.pending{background:#ffffff0d;border-color:#0000;color:var(--text-secondary);cursor:default;opacity:.5}.connect-btn.pending:hover{transform:none}.network-size{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:6px;margin:8px 0}.network-size svg{color:var(--gold)}.profile-menu{position:absolute;right:24px;top:24px}.menu-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;opacity:.7;padding:8px;transition:opacity .2s;width:32px}.menu-btn:hover{background:#ffffff0d;opacity:1}.menu-dropdown{background:var(--dark-surface);border:1px solid #ffffff1a;border-radius:8px;min-width:160px;padding:8px 0;position:absolute;right:0;top:100%;z-index:100}.menu-item{background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:block;padding:8px 16px;text-align:left;width:100%}.menu-item.danger{color:var(--error)}.menu-item:hover{background:#ffffff0d}.confirmation-dialog{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.confirmation-content{background:var(--dark-surface);border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:32px;width:100%}.confirmation-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn,.confirm-btn{border:none;border-radius:6px;cursor:pointer;padding:8px 16px}.cancel-btn{background:#0000;border:1px solid #ffffff1a;color:var(--text-secondary)}.confirm-btn{background:var(--error);color:#fff}.posts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.sort-select{background:var(--dark-surface);border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);cursor:pointer;padding:8px 16px}.user-posts-gallery{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.user-post-item{cursor:pointer;transition:transform .2s}.play-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.play-overlay svg{color:#fff;font-size:48px}.user-post-item:hover .play-overlay{opacity:1}.view-count{align-items:center;background:#0009;border-radius:4px;bottom:12px;color:#fff;display:flex;font-size:14px;gap:4px;padding:4px 8px;position:absolute;right:12px}.comment-section{margin-top:16px}.comment{margin-bottom:8px}.comment-section input{padding:8px}.video-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.video-modal{animation:modalFadeIn .3s ease;background:var(--dark-surface);border-radius:16px;box-shadow:0 8px 32px #0006;display:grid;grid-template-rows:auto 1fr;max-height:90vh;max-width:1200px;position:relative;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-video{background:#000;border-radius:16px 16px 0 0;max-height:70vh;width:100%}.close-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px}.close-btn:hover{background:#ffffff1a;transform:scale(1.1)}.video-details{color:var(--text-primary);max-height:20vh;overflow-y:auto;padding:24px;scrollbar-color:var(--gold) #ffffff1a;scrollbar-width:thin}.video-details::-webkit-scrollbar{width:6px}.video-details::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.video-details::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}.video-info{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding-bottom:16px}.video-info h3{color:var(--gold);font-size:1.5rem;margin-bottom:8px}.video-stats{color:var(--text-secondary);display:flex;font-size:.9rem;gap:16px;opacity:.8}.video-stats span{align-items:center;display:flex;gap:4px}.private-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;position:absolute;text-align:center}.private-content{color:var(--text-primary);padding:24px}.lock-icon{display:block;font-size:32px;margin-bottom:12px}.private-overlay p{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.private-overlay .connect-btn{align-items:center;background:var(--gold);border:none;border-radius:8px;color:var(--dark-bg);cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:8px 16px;transition:transform .2s ease}.private-overlay .connect-btn:hover{transform:translateY(-2px)}.post-time{background:#0009;border-radius:4px;color:#fff;font-size:12px;left:12px;padding:4px 8px;position:absolute;top:12px;z-index:1}.thumbnail-container{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;position:relative;width:100%}.user-post-video{height:100%;object-fit:cover;width:100%}.visibility-indicator{align-items:center;background:#0009;border-radius:4px;color:#fff;display:flex;font-size:12px;gap:4px;padding:4px 8px;position:absolute;right:12px;top:12px;z-index:1}.comment-section{display:flex;flex-direction:column;gap:16px;margin-top:24px}.comment{background:#ffffff08;border-radius:8px;margin-bottom:12px;padding:12px 16px;transition:background-color .2s ease}.comment:hover{background:#ffffff0d}.comment p{color:var(--text-primary);margin:0}.comment span{color:var(--text-secondary);font-size:12px}.comment-section input{background:var(--dark-surface);border:1px solid #ffffff1a;border-radius:4px;color:var(--text-primary);font-size:14px;margin-bottom:8px;padding:12px 16px;transition:all .2s ease;width:100%}.comment-section input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #ffd7001a;outline:none}.comment-section button{background:var(--gold);border:none;border-radius:4px;color:var(--dark-bg);cursor:pointer;font-weight:500;min-width:100px;padding:8px 16px;transition:all .2s ease}.comment-section button:hover{box-shadow:0 4px 12px #ffd70033;transform:translateY(-2px)}.comment-section button:active{transform:translateY(0)}.comment-input-container{display:flex;gap:8px;margin-bottom:24px}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.comment-avatar{align-items:center;background:var(--gold);border-radius:50%;color:var(--dark-bg);display:flex;font-size:12px;font-weight:500;height:24px;justify-content:center;width:24px}.comment-author{color:var(--gold);font-size:14px;font-weight:500}.comment-time{color:var(--text-secondary);font-size:12px;margin-left:auto}.comment-content{color:var(--text-primary);font-size:14px;line-height:1.5}.no-comments{color:var(--text-secondary);font-style:italic;padding:24px;text-align:center}
/*# sourceMappingURL=main.f229492d.css.map*/