*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{color:#fff;background:#0f172a;font-family:Arial,sans-serif}a{color:#fff;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.navbar{background:#020617;border-bottom:2px solid #1e293b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:90px;padding:18px 30px;display:flex}.brandLogo{align-items:center;gap:12px;display:flex}.logoMark{background:linear-gradient(135deg,#38bdf8,#7c3aed,#f97316);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:30px;font-weight:900;display:flex;box-shadow:0 0 25px #38bdf859}.brandName{color:#fff;font-size:30px;font-weight:900}.brandSlogan{color:#94a3b8;font-size:12px}.navLinks{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.navLinks a{background:#1e293b;border-radius:12px;padding:11px 16px;font-weight:700}.authButtons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.authButtons a,.authButtons button,.userBadge{color:#fff;background:#1e293b;border-radius:12px;padding:11px 16px;font-weight:700}.role-owner{background:#ea580c}.role-admin{background:#2563eb}.role-support{background:#16a34a}.page{background:radial-gradient(circle at 20% 20%,#38bdf821,#0000 30%),radial-gradient(circle at 80% 25%,#7c3aed1f,#0000 28%),#0f172a;min-height:calc(100vh - 90px);padding:30px}.rozmowyPage{background:radial-gradient(circle at 15% 10%,#38bdf82e,#0000 32%),radial-gradient(circle at 85% 15%,#7c3aed33,#0000 30%),radial-gradient(circle at 50% 95%,#f973161f,#0000 26%),#0f172a}.rozmowyHeader{text-align:center}.title{text-align:center;margin-bottom:12px;font-size:44px}.status{text-align:center;color:#93c5fd;margin-bottom:25px;font-size:18px}.prettyFilterPanel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020617c7;border:1px solid #94a3b838;border-radius:28px;grid-template-columns:1fr 1.4fr;align-items:center;gap:22px;max-width:1050px;margin:0 auto 28px;padding:22px;display:grid;box-shadow:0 25px 80px #00000052}.filterHeading{align-items:center;gap:15px;display:flex}.filterIcon{background:linear-gradient(135deg,#38bdf8,#7c3aed);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;display:flex;box-shadow:0 0 35px #38bdf859}.filterHeading h2{margin-bottom:5px;font-size:24px}.filterHeading p{color:#94a3b8;line-height:1.4}.filterControls{grid-template-columns:1fr 1fr;gap:14px;display:grid}.prettySelectBox{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid #38bdf838;border-radius:20px;padding:15px}.prettySelectBox span{color:#cbd5e1;margin-bottom:10px;font-size:14px;font-weight:700;display:block}.prettySelectBox select{color:#fff;background:#020617;border:1px solid #334155;border-radius:14px;outline:none;width:100%;padding:14px;font-weight:700}.prettySelectBox select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf82e}.videoWrapper{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:column;align-items:start;gap:24px;width:100%;max-width:1500px;margin:0 auto;display:grid}.videoCard{width:100%;min-width:0}.videoCard:first-child{order:1}.videoCard:nth-child(2){order:2}.videoLabel{color:#e2e8f0;margin-bottom:10px;font-size:18px;font-weight:700}.videoBox{background:#000;border:3px solid #1e293bf2;border-radius:24px;width:100%;height:min(34vw,520px);min-height:260px;overflow:hidden;box-shadow:0 25px 80px #00000059}.videoBox video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.myCameraPlaceholder,.partnerWaitingGraphic{color:#fff;text-align:center;background:radial-gradient(circle at 30% 20%,#38bdf83d,#0000 36%),radial-gradient(circle at 80% 80%,#7c3aed47,#0000 38%),linear-gradient(135deg,#020617,#111827);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:30px;display:flex;position:relative;overflow:hidden}.partnerWaitingGraphic{background:radial-gradient(circle at 50% 35%,#38bdf83d,#0000 35%),radial-gradient(circle at 50% 80%,#f9731633,#0000 35%),linear-gradient(135deg,#020617,#1e1b4b)}.placeholderBigIcon,.partnerGraphicIcon{z-index:2;margin-bottom:18px;font-size:64px;position:relative}.myCameraPlaceholder h3,.partnerWaitingGraphic h3{z-index:2;margin-bottom:10px;font-size:27px;position:relative}.myCameraPlaceholder p,.partnerWaitingGraphic p{color:#cbd5e1;z-index:2;max-width:390px;line-height:1.5;position:relative}.orbit{border:1px solid #38bdf82e;border-radius:50%;width:260px;height:260px;animation:8s linear infinite spinOrbit;position:absolute}.orbit span{background:#38bdf8;border-radius:50%;width:18px;height:18px;position:absolute;box-shadow:0 0 25px #38bdf8}.orbit span:first-child{top:-9px;left:50%}.orbit span:nth-child(2){background:#7c3aed;bottom:35px;left:18px;box-shadow:0 0 25px #7c3aed}.orbit span:nth-child(3){background:#f97316;bottom:35px;right:18px;box-shadow:0 0 25px #f97316}@keyframes spinOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.microphonePanel{background:radial-gradient(circle at 20% 20%,#38bdf829,#0000 40%),linear-gradient(135deg,#020617e6,#0f172af5);border:1px solid #94a3b838;border-radius:24px;margin-top:16px;padding:18px;box-shadow:0 18px 60px #00000042}.micVisual{align-items:center;gap:14px;margin-bottom:14px;display:flex}.micIconCircle{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;font-size:26px;display:flex;box-shadow:0 0 30px #2563eb61}.micVisual h3{margin-bottom:4px;font-size:20px}.micVisual p{color:#94a3b8;font-size:14px}.microphonePanel select{color:#fff;background:#020617;border:1px solid #38bdf842;border-radius:16px;outline:none;width:100%;padding:15px;font-weight:700}.microphonePanel select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf82e}.buttons{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:25px;display:flex}.buttons button,.btn{color:#fff;border-radius:14px;padding:14px 24px;font-size:16px;font-weight:700}.mainStartButton{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:999px;padding:17px 40px;font-size:18px;font-weight:900;box-shadow:0 15px 45px #2563eb59}.green{background:#16a34a}.red{background:#dc2626}.blue{background:#2563eb}.dark{background:#334155}.chatLayout{background:#0f172a;min-height:calc(100vh - 90px);display:flex}.leftPanel{background:#020617;border-right:2px solid #1e293b;width:330px;padding:25px}.profileBox{background:#1e293b;border-radius:16px;margin-top:20px;padding:18px;line-height:1.8}.chatPanel{flex-direction:column;flex:1;justify-content:space-between;display:flex}.messages{padding:25px;overflow-y:auto}.message{word-break:break-word;border-radius:16px;width:fit-content;max-width:460px;margin-bottom:14px;padding:14px 16px}.other{background:#1e293b}.me{background:#2563eb;margin-left:auto}.message img{border-radius:14px;max-width:240px;margin-top:8px;display:block}.bottomBar{border-top:2px solid #1e293b;gap:12px;padding:18px;display:flex}.bottomBar input{color:#fff;background:#1e293b;border:none;border-radius:14px;flex:1;padding:16px}.bottomBar button,.bottomBar label{color:#fff;background:#2563eb;border-radius:14px;padding:14px 18px}.authPage{background:radial-gradient(circle at 30% 20%,#38bdf829,#0000 30%),#0f172a;justify-content:center;align-items:center;min-height:calc(100vh - 90px);padding:25px;display:flex}.authBox{background:#020617;border:2px solid #1e293b;border-radius:22px;width:420px;max-width:100%;padding:35px}.authBox h1{margin-bottom:22px}.authBox input,.authBox select{color:#fff;background:#1e293b;border:none;border-radius:13px;width:100%;margin-bottom:15px;padding:16px}.authBox button{color:#fff;background:#2563eb;border-radius:13px;width:100%;padding:16px}.card{background:#1e293b;border-radius:18px;max-width:900px;margin:16px auto;padding:22px}.friendLayout{background:#0f172a;min-height:calc(100vh - 90px);display:flex}.friendList{background:#020617;border-right:2px solid #1e293b;width:320px;padding:20px}.friendItem{cursor:pointer;background:#1e293b;border-radius:14px;margin-top:12px;padding:15px}.discordStyle{background:#0f172a}.discordSidebar{width:340px;overflow-y:auto}.mutedText{color:#94a3b8;margin:12px 0}.friendRequestCard{background:#1e293b;border-radius:16px;margin-bottom:12px;padding:15px}.miniButtons{gap:8px;margin-top:10px;display:flex}.miniButtons button{color:#fff;border-radius:10px;padding:9px 12px}.friendsTitle{margin-top:30px}.discordFriendItem{align-items:center;gap:12px;transition:all .2s;display:flex}.discordFriendItem:hover{background:#334155}.activeFriend{outline:2px solid #38bdf8}.smallAvatar{background:linear-gradient(135deg,#38bdf8,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex;overflow:hidden}.smallAvatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.discordChatHeader{background:#020617e6;border-bottom:2px solid #1e293b;align-items:center;gap:14px;min-height:78px;padding:16px 22px;display:flex}.discordChatHeader p{color:#94a3b8}.discordMessage{max-width:560px}.messageMeta{color:#cbd5e1;margin-top:7px;font-size:11px;display:block}.chatImage{border-radius:14px;max-width:280px;margin-top:8px;display:block}.chatVideo{border-radius:14px;width:100%;max-width:360px;margin-top:8px}.chatAudio{width:260px;margin-top:8px}.typingStatus{color:#93c5fd;padding:0 22px 10px;font-size:14px}.fileButton,.voiceButton,.recordingButton,.sendButton{color:#fff;background:#2563eb;border-radius:14px;justify-content:center;align-items:center;padding:13px 16px;display:flex}.recordingButton{background:#dc2626}.sendButton{font-weight:700}.adminDashboard{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1200px;margin:0 auto 24px;display:grid}.adminStat{text-align:center;background:#1e293b;border-radius:18px;padding:22px}.adminStat strong{font-size:34px;display:block}.adminStat span{color:#94a3b8}.adminGrid{grid-template-columns:1fr 1fr;gap:25px;max-width:1300px;margin:0 auto;display:grid}.adminPanelCard{width:100%;max-width:none}.wideAdminCard{grid-column:1/-1}.adminItem{background:#020617;border:1px solid #1e293b;border-radius:16px;margin-top:15px;padding:18px}.userAdminRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.smallButtons{justify-content:flex-start}.smallButtons button{padding:10px 14px;font-size:14px}.adminTextarea{color:#fff;background:#1e293b;border:none;border-radius:14px;width:100%;min-height:90px;margin-top:12px;padding:14px}.supportGrid{grid-template-columns:1fr 1fr;gap:24px;max-width:1200px;margin:0 auto;display:grid}.supportCard{background:#1e293b;border-radius:20px;padding:24px}.supportInput,.supportTextarea{color:#fff;background:#020617;border:1px solid #334155;border-radius:14px;width:100%;margin-top:14px;padding:15px}.supportTextarea{resize:vertical;min-height:130px}.supportButton{color:#fff;border-radius:14px;margin-top:16px;padding:14px 22px}.noticeBox{background:#2563eb38;border:1px solid #93c5fd38;border-radius:16px;margin-top:14px;padding:14px}.ticketBox{background:#020617;border:1px solid #334155;border-radius:16px;margin-top:14px;padding:16px}.ticketTop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.ticketStatus{background:#334155;border-radius:999px;padding:6px 10px;font-size:12px}.status-new{background:#2563eb}.status-in-progress{background:#f97316}.status-closed{background:#16a34a}.ticketAnswer{background:#16a34a29;border-radius:14px;margin-top:12px;padding:12px}.profileHero{background:#020617;border:1px solid #1e293b;border-radius:24px;align-items:center;gap:25px;max-width:900px;margin:0 auto 25px;padding:30px;display:flex}.avatarBig{background:linear-gradient(135deg,#38bdf8,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;font-size:46px;font-weight:700;display:flex}.activeUsersBox{color:#bbf7d0;background:#020617;border:1px solid #1e293b;border-radius:999px;width:fit-content;margin:28px auto 0;padding:14px 22px;font-weight:700}@media (width<=900px){.navbar{justify-content:center}.brandLogo{justify-content:center;width:100%}.navLinks,.authButtons{justify-content:center}.page{padding:14px}.title{font-size:30px}.prettyFilterPanel{grid-template-columns:1fr;margin-bottom:18px;padding:16px}.filterControls{grid-template-columns:1fr 1fr}.filterHeading h2{font-size:20px}.filterHeading p{font-size:13px}.prettySelectBox{padding:12px}.prettySelectBox span{font-size:12px}.prettySelectBox select{padding:12px;font-size:12px}.videoWrapper{grid-template-columns:1fr;grid-auto-flow:row;gap:18px;max-width:100%}.videoCard:first-child{order:1}.videoCard:nth-child(2){order:2}.videoBox{border-radius:18px;height:62vw;min-height:310px;max-height:none}.videoLabel{font-size:16px}.microphonePanel{border-radius:18px;padding:14px}.micVisual{align-items:flex-start}.micIconCircle{width:44px;height:44px;font-size:22px}.micVisual h3{font-size:17px}.micVisual p{font-size:12px}.microphonePanel select{padding:13px;font-size:13px}.chatLayout,.friendLayout{flex-direction:column}.leftPanel,.friendList,.discordSidebar{border-bottom:2px solid #1e293b;border-right:none;width:100%}.discordSidebar{max-height:320px}.bottomBar{flex-wrap:wrap}.bottomBar input{flex-basis:100%;width:100%}.adminDashboard,.adminGrid,.supportGrid{grid-template-columns:1fr}.profileHero{text-align:center;flex-direction:column}.chatImage,.chatVideo{max-width:220px}.placeholderBigIcon,.partnerGraphicIcon{font-size:44px}.myCameraPlaceholder h3,.partnerWaitingGraphic h3{font-size:20px}.myCameraPlaceholder p,.partnerWaitingGraphic p{font-size:13px}}