:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--msn-blue: #0078D4;--msn-blue-dark: #003D7A;--msn-blue-light: #69AFE5;--msn-green: #7FBA00;--msn-green-dark: #4A7000;--msn-orange: #FF8C00;--msn-yellow: #FFB900;--msn-red: #F25022;--msn-gray: #ECE9D8;--msn-gray-dark: #ACA899;--msn-border: #0054A6;--msn-text: #000000;--msn-text-secondary: #666;--msn-window-bg: #EBE9ED;--msn-header-gradient: linear-gradient(180deg, #4B9CD9 0%, #2B6CB6 50%, #1E5799 100%);--msn-sidebar-gradient: linear-gradient(180deg, #FFFFFF 0%, #E8E6EA 100%)}*{box-sizing:border-box}.sidebar,.auth-container,.admin-container,.chat-area,.chat-window,.modal-overlay,.msn-toast{color:#333}body{margin:0;font-family:Tahoma,Segoe UI,Trebuchet MS,sans-serif;font-size:11px;background:linear-gradient(135deg,#1e5799,#2b6cb6 25%,#7fba00 75%,#4a7000);min-height:100vh}#root{min-height:100vh}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;background:var(--msn-header-gradient)}.loading-screen:before{content:"";width:80px;height:60px;background:url(/butterfly.svg) center/contain no-repeat;margin-bottom:20px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:var(--msn-header-gradient)}.auth-container{background:var(--msn-window-bg);border-radius:0;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040,1px 1px #404040,2px 2px 8px #0000004d;padding:0;width:100%;max-width:380px;overflow:hidden;border:1px solid #0054A6}.auth-header{background:var(--msn-header-gradient);padding:20px;text-align:center;border-bottom:1px solid #0054A6}.auth-header:before{content:"";display:block;width:60px;height:50px;background:url(/butterfly.svg) center/contain no-repeat;margin:0 auto 10px}.auth-header h1{margin:0;color:#fff;font-size:18px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.auth-header p{margin:5px 0 0;color:#ffffffe6;font-size:11px}.auth-header .tagline{font-size:12px;font-style:italic}.features-section{padding:15px 20px;background:#fdfcfa;border-bottom:1px solid #E8E4DC}.features-section h3{margin:0 0 10px;font-size:12px;color:#333;font-weight:700}.feature-list{margin:0;padding:0;list-style:none}.feature-list li{font-size:10px;color:#555;padding:4px 0;border-bottom:1px dotted #E0E0E0}.feature-list li:last-child{border-bottom:none}.feature-list strong{color:#0054a6}.auth-form{padding:20px;background:#f5f4f2}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:4px;font-weight:700;color:#333;font-size:11px}.form-group input{width:100%;padding:6px 8px;border:1px solid #7F9DB9;background:#fff;color:#333;font-family:inherit;font-size:11px}.form-group input:focus{outline:none;border-color:var(--msn-blue);box-shadow:0 0 0 1px var(--msn-blue)}.btn-primary{width:100%;padding:8px 16px;background:linear-gradient(180deg,#fff,#ece9d8,#d4d0c8);border:1px solid #7F9DB9;color:#333;font-size:11px;font-weight:700;cursor:pointer;box-shadow:inset 1px 1px #fff}.btn-primary:hover{background:linear-gradient(180deg,#fff,#e8e4dc,#ccc8c0)}.btn-primary:active{background:linear-gradient(180deg,#d4d0c8,#ece9d8);box-shadow:inset -1px -1px #fff,inset 1px 1px #888}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-footer{padding:15px 20px;text-align:center;background:#f5f4f2;border-top:1px solid #D4D0C8}.auth-footer a{color:var(--msn-blue);text-decoration:none;font-size:11px}.auth-footer a:hover{text-decoration:underline}.auth-note{padding:12px 20px;text-align:center;font-size:11px;color:#666;background:#f5f4f2;margin:0}.auth-note a{color:var(--msn-blue);text-decoration:none}.auth-note a:hover{text-decoration:underline}.footer-joke{padding:10px 20px;text-align:center;font-size:10px;color:#999;font-style:italic;background:#eeecea;border-top:1px solid #D4D0C8;margin:0}.home-page{display:flex;height:100vh;background:linear-gradient(135deg,#4b9cd9,#2b6cb6,#1e5799);padding:20px;gap:0}.sidebar{width:280px;background:var(--msn-sidebar-gradient);display:flex;flex-direction:column;border:1px solid #0054A6;box-shadow:inset 1px 1px #fff,2px 2px 8px #0003}.msn-header{background:var(--msn-header-gradient);padding:12px 15px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #0054A6}.msn-logo{width:45px;height:36px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}.msn-title{display:flex;flex-direction:column}.msn-name{color:#fff;font-size:16px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.4);letter-spacing:-.5px}.msn-tagline{color:#ffffffd9;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.3)}.user-info{padding:12px;background:linear-gradient(180deg,#e8f4ff,#d4e8f8);border-bottom:1px solid #B8D4E8;display:flex;gap:10px;align-items:flex-start}.avatar{width:50px;height:50px;border-radius:4px;overflow:hidden;border:2px solid #fff;box-shadow:0 1px 3px #0003;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--msn-green) 0%,var(--msn-blue) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.3)}.user-details{flex:1;min-width:0}.user-details h2{margin:0 0 2px;font-size:13px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:2px 6px;border-radius:3px;background:#e8e8e8;color:#666}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:#999}.status-online:before{background:var(--msn-green)}.status-away:before{background:var(--msn-yellow)}.status-busy:before{background:var(--msn-red)}.status-offline:before{background:#999}.personal-message{margin:4px 0 0;font-size:10px;color:#666;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.personal-message.clickable{cursor:pointer;padding:2px 4px;border-radius:3px;transition:background .2s}.personal-message.clickable:hover{background:#0000000d}.personal-message-edit input{width:100%;padding:4px 6px;font-size:10px;border:1px solid var(--msn-blue);border-radius:3px;outline:none;font-style:italic}.status-selector{padding:3px 6px;font-size:11px;border:1px solid #ccc;border-radius:3px;background:#fff;color:#333;cursor:pointer;margin-top:2px}.status-selector:focus{outline:none;border-color:var(--msn-blue)}.status-selector.status-online{border-left:3px solid var(--msn-green)}.status-selector.status-away{border-left:3px solid var(--msn-yellow)}.status-selector.status-offline{border-left:3px solid #808080}.auto-away-label{font-size:10px;color:var(--msn-text-secondary);margin-left:5px;font-style:italic}.avatar.clickable{cursor:pointer;position:relative}.avatar.clickable:hover{opacity:.9}.avatar-overlay{position:absolute;bottom:0;right:0;background:#0078d4e6;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0;transition:opacity .2s}.avatar.clickable:hover .avatar-overlay{opacity:1}.avatar-uploading{position:absolute;inset:0;background:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:50%}.contacts-section{flex:1;overflow-y:auto;padding:0;background:#fff;color:#333}.contacts-section h3{margin:0;padding:8px 12px;font-size:11px;font-weight:700;color:#333;background:linear-gradient(180deg,#f8f8f8,#e8e8e8);border-bottom:1px solid #D4D4D4;position:sticky;top:0}.empty-state{padding:20px;text-align:center;color:#666;font-size:11px}.contacts-list{padding:0}.contact-group{margin:0}.group-header{padding:6px 12px;font-size:10px;font-weight:700;color:#666;background:#f0f0f0;border-bottom:1px solid #E0E0E0;text-transform:uppercase;letter-spacing:.5px}.contact-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;border-bottom:1px solid #F0F0F0;transition:background .1s}.contact-item:hover{background:linear-gradient(180deg,#e8f4ff,#d4e8f8)}.contact-item.offline{opacity:.6}.contact-avatar{position:relative;width:32px;height:32px;flex-shrink:0}.contact-avatar img,.contact-avatar .avatar-placeholder{width:32px;height:32px;border-radius:3px;border:1px solid #ccc}.contact-avatar .avatar-placeholder.small{font-size:12px}.status-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid white;background:#999}.status-dot.status-online{background:var(--msn-green)}.status-dot.status-away{background:var(--msn-yellow)}.status-dot.status-busy{background:var(--msn-red)}.contact-info{flex:1;min-width:0}.contact-name{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-badge{background:#ff6b00;color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:8px;min-width:14px;text-align:center}.contact-message{display:block;font-size:10px;color:#666;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:12px;background:linear-gradient(180deg,#f8f8f8,#e8e8e8);border-top:1px solid #D4D4D4}.invites-section{margin-bottom:10px}.invites-section p{margin:0 0 8px;font-size:10px;color:#666}.btn-secondary{width:100%;padding:6px 12px;background:linear-gradient(180deg,#fff,#ece9d8,#d4d0c8);border:1px solid #7F9DB9;color:#333;font-size:11px;cursor:pointer;box-shadow:inset 1px 1px #fff}.btn-secondary:hover{background:linear-gradient(180deg,#fff,#e8e4dc,#ccc8c0)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.invite-result{margin-top:8px;display:flex;gap:4px}.invite-result input{flex:1;padding:4px 6px;font-size:10px;border:1px solid #7F9DB9;background:#fff}.btn-copy{padding:4px 8px;background:linear-gradient(180deg,#fff,#ece9d8);border:1px solid #7F9DB9;font-size:10px;cursor:pointer}.admin-badge{display:inline-block;margin:8px 0;padding:3px 8px;background:linear-gradient(180deg,var(--msn-yellow) 0%,var(--msn-orange) 100%);color:#fff;font-size:10px;font-weight:700;border-radius:3px;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.btn-logout{width:100%;padding:6px 12px;background:linear-gradient(180deg,#fff,#f0e8e8,#e0d0d0);border:1px solid #C08080;color:#800;font-size:11px;cursor:pointer;box-shadow:inset 1px 1px #fff}.btn-logout:hover{background:linear-gradient(180deg,#fff,#f8e0e0,#e8c8c8)}.chat-area{flex:1;display:flex;background:linear-gradient(180deg,#d4e8f8,#b8d4e8);border:1px solid #0054A6;border-left:none;box-shadow:2px 2px 8px #0003}.chat-area:has(.empty-chat){align-items:center;justify-content:center}.empty-chat{text-align:center;padding:40px}.empty-chat:before{content:"";display:block;width:100px;height:80px;background:url(/butterfly.svg) center/contain no-repeat;margin:0 auto 20px;opacity:.5}.empty-chat h2{margin:0 0 10px;color:#0054a6;font-size:18px;font-weight:700}.empty-chat p{margin:0;color:#666;font-size:12px}.chat-window{position:fixed;inset:20px 20px 20px 300px;background:var(--msn-window-bg);border:1px solid #0054A6;display:flex;flex-direction:column;z-index:100;box-shadow:inset 1px 1px #fff,3px 3px 12px #0000004d}.chat-window.nudging{animation:nudge-shake .5s ease-in-out}@keyframes nudge-shake{0%,to{transform:translate(0)}10%{transform:translate(-8px,-4px)}20%{transform:translate(8px,4px)}30%{transform:translate(-8px,-4px)}40%{transform:translate(8px,4px)}50%{transform:translate(-8px,-4px)}60%{transform:translate(8px,4px)}70%{transform:translate(-4px,-2px)}80%{transform:translate(4px,2px)}90%{transform:translate(-2px,-1px)}}.chat-window-header{background:var(--msn-header-gradient);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #0054A6}.chat-user-info{display:flex;align-items:center;gap:10px}.chat-user-avatar{position:relative;width:32px;height:32px}.chat-user-avatar img,.chat-user-avatar .avatar-placeholder{width:32px;height:32px;border-radius:3px;border:2px solid rgba(255,255,255,.5)}.chat-user-avatar .avatar-placeholder.small{font-size:12px}.chat-user-details{display:flex;flex-direction:column}.chat-user-name{color:#fff;font-weight:700;font-size:12px;text-shadow:1px 1px 1px rgba(0,0,0,.3);display:flex;align-items:center;gap:6px}.bot-badge{background:linear-gradient(180deg,#9b59b6,#8e44ad);color:#fff;font-size:8px;padding:2px 5px;border-radius:3px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-shadow:none}.chat-user-message{color:#fffc;font-size:10px;font-style:italic}.chat-close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0 4px;line-height:1;text-shadow:1px 1px 1px rgba(0,0,0,.3)}.chat-close-btn:hover{color:gold}.chat-messages{flex:1;overflow-y:auto;padding:12px;background:#fff;display:flex;flex-direction:column;gap:8px;color:#333}.chat-loading,.chat-empty{text-align:center;color:#666;font-size:11px;padding:20px}.chat-message{display:flex;gap:8px;max-width:85%}.chat-message.own{align-self:flex-end;flex-direction:row-reverse}.chat-message.other{align-self:flex-start}.message-avatar img,.message-avatar .avatar-placeholder{width:24px;height:24px;border-radius:3px}.message-avatar .avatar-placeholder.tiny{font-size:10px}.message-content{background:#e8f4ff;padding:8px 12px;border-radius:4px;border:1px solid #B8D4E8}.chat-message.own .message-content{background:#e8ffe8;border-color:#b8e8b8}.message-text{font-size:11px;color:#333;word-break:break-word}.message-time{display:block;font-size:9px;color:#999;margin-top:4px;text-align:right}.typing-indicator{font-size:10px;color:#666;font-style:italic;padding:4px 0}.chat-input-area{display:flex;gap:8px;padding:10px;background:#f0f0f0;border-top:1px solid #D4D4D4;align-items:flex-end}.chat-actions{display:flex;gap:4px}.nudge-btn{width:32px;height:32px;background:linear-gradient(180deg,#fff,#ece9d8);border:1px solid #7F9DB9;border-radius:4px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.nudge-btn:hover{background:linear-gradient(180deg,#fff,#e8e4dc)}.chat-input-area textarea{flex:1;padding:8px;border:1px solid #7F9DB9;resize:none;font-family:inherit;font-size:11px;min-height:32px}.chat-input-area textarea:focus{outline:none;border-color:var(--msn-blue)}.send-btn{padding:8px 16px;background:linear-gradient(180deg,var(--msn-green) 0%,var(--msn-green-dark) 100%);border:1px solid var(--msn-green-dark);color:#fff;font-size:11px;font-weight:700;cursor:pointer;border-radius:4px;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.send-btn:hover{background:linear-gradient(180deg,#8FC900 0%,var(--msn-green) 100%)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.msn-toast{position:fixed;bottom:20px;right:320px;width:260px;background:linear-gradient(180deg,#fff,#e8f4ff);border:2px solid var(--msn-blue);box-shadow:inset 1px 1px #fff,3px 3px 8px #0000004d;cursor:pointer;animation:toast-slide-in .3s ease-out;z-index:10000;overflow:hidden}@keyframes toast-slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-header{display:flex;align-items:center;padding:6px 10px;background:var(--msn-header-gradient);color:#fff;font-weight:700;font-size:11px}.toast-icon{margin-right:6px;font-size:14px}.toast-title{flex:1;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.toast-close{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:0 4px;line-height:1}.toast-close:hover{color:gold}.toast-body{padding:10px;font-size:11px;color:#333;background:#fff}.screen-nudging{animation:screen-shake-violent .15s ease-in-out infinite}.screen-nudging.intensity-1{animation:screen-shake-1 .12s ease-in-out infinite}.screen-nudging.intensity-2{animation:screen-shake-2 .1s ease-in-out infinite}.screen-nudging.intensity-3{animation:screen-shake-3 .08s ease-in-out infinite;filter:hue-rotate(30deg)}@keyframes screen-shake-1{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-15px,-8px) rotate(-.5deg)}50%{transform:translate(15px,8px) rotate(.5deg)}75%{transform:translate(-15px,8px) rotate(-.5deg)}}@keyframes screen-shake-2{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-25px,-12px) rotate(-1deg)}40%{transform:translate(25px,12px) rotate(1deg)}60%{transform:translate(-20px,15px) rotate(-1deg)}80%{transform:translate(20px,-15px) rotate(1deg)}}@keyframes screen-shake-3{0%,to{transform:translate(0) rotate(0) scale(1)}10%{transform:translate(-35px,-18px) rotate(-2deg) scale(1.02)}20%{transform:translate(35px,18px) rotate(2deg) scale(.98)}30%{transform:translate(-30px,20px) rotate(-2deg) scale(1.02)}40%{transform:translate(30px,-20px) rotate(2deg) scale(.98)}50%{transform:translate(-35px,-18px) rotate(-2deg) scale(1.02)}60%{transform:translate(35px,18px) rotate(2deg) scale(.98)}70%{transform:translate(-30px,20px) rotate(-2deg) scale(1.02)}80%{transform:translate(30px,-20px) rotate(2deg) scale(.98)}90%{transform:translate(-35px,-18px) rotate(-2deg) scale(1.02)}}@keyframes screen-shake-violent{0%,to{transform:translate(0)}10%{transform:translate(-12px) translateY(-6px)}20%{transform:translate(12px) translateY(6px)}30%{transform:translate(-12px) translateY(-6px)}40%{transform:translate(12px) translateY(6px)}50%{transform:translate(-12px) translateY(-6px)}60%{transform:translate(12px) translateY(6px)}70%{transform:translate(-8px) translateY(-4px)}80%{transform:translate(8px) translateY(4px)}90%{transform:translate(-4px) translateY(-2px)}}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#f0f0f0;border:1px solid #D4D4D4}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#fff,#d4d0c8);border:1px solid #888}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fff,#c8c4bc)}::-webkit-scrollbar-button{height:14px;background:linear-gradient(180deg,#fff,#d4d0c8);border:1px solid #888}.admin-page{min-height:100vh;background:linear-gradient(135deg,#1e5799,#2b6cb6,#1e5799);padding:20px}.admin-container{max-width:1200px;margin:0 auto;background:var(--msn-window-bg);border:1px solid #0054A6;box-shadow:inset 1px 1px #fff,2px 2px 8px #0000004d}.admin-header{background:var(--msn-header-gradient);padding:15px 20px;border-bottom:1px solid #0054A6}.admin-title{display:flex;justify-content:space-between;align-items:center}.admin-title h1{margin:0;color:#fff;font-size:18px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.back-link{color:#fff;text-decoration:none;font-size:12px;padding:6px 12px;background:#ffffff1a;border-radius:3px}.back-link:hover{background:#fff3}.stats-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;padding:20px;background:linear-gradient(180deg,#e8f4ff,#d4e8f8);border-bottom:1px solid #B8D4E8;color:#333}.stat-card{background:#fff;padding:15px;text-align:center;border:1px solid #B8D4E8;border-radius:4px;box-shadow:0 1px 3px #0000001a}.stat-value{font-size:24px;font-weight:700;color:var(--msn-blue)}.stat-label{font-size:11px;color:#666;margin-top:4px}.stat-card.stat-online .stat-value{color:var(--msn-green)}.stat-card.stat-banned .stat-value{color:var(--msn-red)}.admin-section{padding:20px;background:#fff;color:#333}.admin-section h2{margin:0 0 15px;font-size:14px;color:#333;padding-bottom:10px;border-bottom:1px solid #E0E0E0}.loading-text{text-align:center;color:#666;padding:40px}.admin-user-table{width:100%;border-collapse:collapse;font-size:11px}.admin-user-table th{text-align:left;padding:10px 12px;background:linear-gradient(180deg,#f8f8f8,#e8e8e8);border-bottom:2px solid #D4D4D4;font-weight:700;color:#333}.admin-user-table td{padding:10px 12px;border-bottom:1px solid #F0F0F0;vertical-align:middle;color:#333}.admin-user-table tr:hover{background:#f8f8ff}.admin-user-table tr.banned-row{background:#fff0f0}.admin-user-table tr.banned-row:hover{background:#ffe8e8}.user-cell{display:flex;align-items:center;gap:10px}.user-avatar-small{width:32px;height:32px;flex-shrink:0}.user-avatar-small img{width:32px;height:32px;border-radius:3px;object-fit:cover}.user-info-cell{display:flex;flex-direction:column;gap:2px}.user-display-name{font-weight:700;color:#333}.user-username{font-size:10px;color:#888}.admin-tag{display:inline-block;margin-left:6px;padding:2px 6px;background:linear-gradient(180deg,var(--msn-yellow) 0%,var(--msn-orange) 100%);color:#fff;font-size:9px;font-weight:700;border-radius:3px;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.unlimited-tag{margin-left:4px;color:var(--msn-blue);font-weight:700}.status-badge{display:inline-block;padding:3px 8px;border-radius:3px;font-size:10px;font-weight:700;text-transform:capitalize}.status-badge.status-online{background:#e8ffe8;color:var(--msn-green-dark)}.status-badge.status-away{background:#fff8e8;color:#960}.status-badge.status-offline{background:#f0f0f0;color:#666}.ban-btn,.unban-btn{padding:5px 12px;font-size:11px;border-radius:3px;cursor:pointer;border:1px solid}.ban-btn{background:linear-gradient(180deg,#fff,#ffe8e8);border-color:#cc8080;color:#800}.ban-btn:hover{background:linear-gradient(180deg,#fff,#ffd8d8)}.unban-btn{background:linear-gradient(180deg,#fff,#e8ffe8);border-color:#80cc80;color:#080}.unban-btn:hover{background:linear-gradient(180deg,#fff,#d8ffd8)}.ban-btn:disabled,.unban-btn:disabled{opacity:.5;cursor:not-allowed}.contacts-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(180deg,#f8f8f8,#e8e8e8);border-bottom:1px solid #D4D4D4;position:sticky;top:0;z-index:10}.contacts-header h3{margin:0;padding:0;background:none;border:none;position:static}.btn-add-contact{position:relative;width:24px;height:24px;background:linear-gradient(180deg,var(--msn-green) 0%,var(--msn-green-dark) 100%);border:1px solid var(--msn-green-dark);border-radius:4px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.btn-add-contact:hover{background:linear-gradient(180deg,#8FC900 0%,var(--msn-green) 100%)}.request-badge{position:absolute;top:-6px;right:-6px;background:var(--msn-red);color:#fff;font-size:9px;font-weight:700;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.add-contact-modal{width:400px;max-height:80vh;background:var(--msn-window-bg);border:1px solid #0054A6;box-shadow:inset 1px 1px #fff,3px 3px 12px #0000004d;display:flex;flex-direction:column}.modal-header{background:var(--msn-header-gradient);padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #0054A6}.modal-header h2{margin:0;color:#fff;font-size:14px;text-shadow:1px 1px 1px rgba(0,0,0,.3)}.modal-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;line-height:1;padding:0 4px}.modal-close:hover{color:gold}.modal-body{padding:15px;background:#fff;overflow-y:auto;flex:1;color:#333}.search-section{position:relative;margin-bottom:15px}.search-section input{width:100%;padding:8px 12px;border:1px solid #7F9DB9;font-size:11px;font-family:inherit}.search-section input:focus{outline:none;border-color:var(--msn-blue);box-shadow:0 0 0 1px var(--msn-blue)}.searching{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:#666}.search-results,.requests-section{margin-bottom:15px}.search-results h4,.requests-section h4{margin:0 0 10px;font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px;padding-bottom:5px;border-bottom:1px solid #E0E0E0}.user-item{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #E0E0E0;border-radius:4px;margin-bottom:6px;background:#fafafa}.user-item:hover{background:#f0f0ff;border-color:var(--msn-blue-light)}.user-avatar{width:32px;height:32px;flex-shrink:0}.user-avatar img{width:32px;height:32px;border-radius:3px;object-fit:cover}.user-item .user-info{flex:1;min-width:0}.user-name{display:block;font-size:11px;font-weight:700;color:#333}.user-username{display:block;font-size:10px;color:#888}.btn-add{padding:5px 12px;background:linear-gradient(180deg,var(--msn-green) 0%,var(--msn-green-dark) 100%);border:1px solid var(--msn-green-dark);border-radius:3px;color:#fff;font-size:10px;font-weight:700;cursor:pointer}.btn-add:hover{background:linear-gradient(180deg,#8FC900 0%,var(--msn-green) 100%)}.pending-label{padding:5px 12px;background:#f0f0f0;border-radius:3px;color:#888;font-size:10px;font-style:italic}.request-actions{display:flex;gap:6px}.btn-accept{padding:5px 10px;background:linear-gradient(180deg,var(--msn-green) 0%,var(--msn-green-dark) 100%);border:1px solid var(--msn-green-dark);border-radius:3px;color:#fff;font-size:10px;font-weight:700;cursor:pointer}.btn-accept:hover{background:linear-gradient(180deg,#8FC900 0%,var(--msn-green) 100%)}.btn-decline{padding:5px 10px;background:linear-gradient(180deg,#fff,#f0e8e8);border:1px solid #C08080;border-radius:3px;color:#800;font-size:10px;cursor:pointer}.btn-decline:hover{background:linear-gradient(180deg,#fff,#ffe8e8)}.btn-cancel{padding:5px 10px;background:linear-gradient(180deg,#fff,#f0f0f0);border:1px solid #999;border-radius:3px;color:#666;font-size:10px;cursor:pointer}.btn-cancel:hover{background:linear-gradient(180deg,#fff,#e8e8e8)}.no-results{text-align:center;color:#666;font-size:11px;padding:20px;font-style:italic}@media(max-width:768px){.home-page{flex-direction:column;padding:0;height:auto;min-height:100vh}.sidebar{width:100%;height:auto;min-height:100vh;max-height:none}.chat-area{display:none}.contacts-section{flex:1;min-height:200px;max-height:calc(100vh - 300px)}.sidebar-footer{padding:8px 12px}.invites-section{margin-bottom:6px}.invites-section p{margin-bottom:4px}.chat-window{position:fixed;inset:0;width:100%;height:100%;border-radius:0;z-index:1000}.msn-toast{right:10px;left:10px;width:auto}.stats-cards{grid-template-columns:repeat(2,1fr)}.admin-user-table{display:block;overflow-x:auto}.add-contact-modal{width:100%;height:100%;max-height:100%}}