:root{font-family:var(--aim-font-family);line-height:var(--aim-line-height);font-weight:400;color-scheme:light;color:var(--aim-text-primary);background-color:var(--aim-gray);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;background:var(--aim-gray);font-family:var(--aim-font-family);font-size:var(--aim-font-size-normal);color:var(--aim-text-primary);min-width:320px;min-height:100vh;background-image:radial-gradient(circle at 25% 25%,rgba(0,84,227,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(0,84,227,.05) 0%,transparent 50%)}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:#1a1a1a;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{--aim-blue: #0054e3;--aim-blue-dark: #0040a6;--aim-blue-light: #0066ff;--aim-gray: #ece9d8;--aim-gray-light: #f0f0f0;--aim-gray-dark: #d4d0c8;--aim-border-light: #ffffff;--aim-border-dark: #808080;--aim-text-primary: #000000;--aim-text-secondary: #666666;--aim-text-link: #0054e3;--aim-status-online: #00ff00;--aim-status-away: #ffff00;--aim-status-offline: #808080;--aim-error: #cc0000;--aim-warning: #856404;--aim-success: #2e7d32;--aim-font-family: "MS Sans Serif", "Tahoma", "Verdana", sans-serif;--aim-font-size-small: 10px;--aim-font-size-normal: 11px;--aim-font-size-large: 12px;--aim-font-size-title: 14px;--aim-line-height: 1.2}.aim-window{background:var(--aim-gray);border:2px outset var(--aim-border-dark);border-radius:0;box-shadow:2px 2px 4px #0000004d;font-family:var(--aim-font-family);font-size:var(--aim-font-size-normal);line-height:var(--aim-line-height);position:fixed;z-index:1000;border-top-color:var(--aim-border-light);border-left-color:var(--aim-border-light);border-right-color:var(--aim-border-dark);border-bottom-color:var(--aim-border-dark)}.aim-window-header{background:linear-gradient(to right,var(--aim-blue) 0%,var(--aim-blue-dark) 100%);color:#fff;padding:2px 4px;font-weight:700;font-size:11px;display:flex;justify-content:space-between;align-items:center;cursor:move;border-bottom:1px solid var(--aim-blue-dark);text-shadow:1px 1px 0px rgba(0,0,0,.5)}.aim-window-title{display:flex;align-items:center;gap:4px}.aim-window-controls{display:flex;gap:2px}.aim-window-control{width:16px;height:14px;background:silver;border:1px outset #c0c0c0;font-size:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;border-top-color:#fff;border-left-color:#fff;border-right-color:gray;border-bottom-color:gray;font-family:Marlett,"MS Sans Serif",sans-serif}.aim-window-control:hover{background:#d0d0d0}.aim-window-control:active{border:1px inset #c0c0c0;border-top-color:gray;border-left-color:gray;border-right-color:#fff;border-bottom-color:#fff}.aim-window-content{padding:8px;background:#f0f0f0}.login-window{width:280px;height:200px;left:50%;top:50%;transform:translate(-50%,-50%)}.login-logo{text-align:center;margin-bottom:16px}.login-logo h1{color:#0054e3;font-size:16px;font-weight:700;margin:0;text-shadow:1px 1px 0px rgba(0,0,0,.1)}.login-form{display:flex;flex-direction:column;gap:8px}.form-group{display:flex;flex-direction:column;gap:2px}.form-label{font-size:11px;font-weight:700;color:#333}.form-input{padding:2px 4px;border:2px inset #c0c0c0;background:#fff;font-family:"MS Sans Serif",sans-serif;font-size:11px;height:18px}.form-input:focus{outline:none;background:#ffc}.form-buttons{display:flex;gap:8px;justify-content:center;margin-top:12px}.aim-button{padding:2px 16px;border:2px outset #c0c0c0;background:#f0f0f0;font-family:"MS Sans Serif",sans-serif;font-size:11px;cursor:pointer;min-width:60px;height:23px}.aim-button:hover{background:#f8f8f8}.aim-button:active{border:2px inset #c0c0c0;background:#e8e8e8}.aim-button:disabled{color:gray;cursor:not-allowed;background:#f0f0f0}.aim-button-primary{background:#0054e3;color:#fff;border:2px outset #0054e3}.aim-button-primary:hover{background:#06f}.aim-button-primary:active{border:2px inset #0054e3;background:#0040a6}.registration-window{width:320px;height:280px;left:50%;top:50%;transform:translate(-50%,-50%)}.error-message{background:#fee;border:1px solid #cc0000;color:#c00;padding:4px 8px;font-size:10px;margin-bottom:8px;border-radius:0}.loading-indicator{display:flex;align-items:center;gap:4px;font-size:10px;color:#666}.loading-dots{animation:loading-dots 1.5s infinite}@keyframes loading-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.aim-status-icon{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:4px;border:1px solid rgba(0,0,0,.2)}.aim-status-icon.online{background:var(--aim-status-online);box-shadow:0 0 3px #00ff0080}.aim-status-icon.away{background:var(--aim-status-away);box-shadow:0 0 3px #ffff0080}.aim-status-icon.offline{background:var(--aim-status-offline);border-color:#666}.aim-status-icon.invisible{background:transparent;border:2px dashed var(--aim-status-offline)}.aim-logo{width:16px;height:16px;background:var(--aim-blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;border-radius:2px}.aim-scrollbar::-webkit-scrollbar{width:16px;height:16px}.aim-scrollbar::-webkit-scrollbar-track{background:var(--aim-gray-light);border:1px inset var(--aim-border-dark)}.aim-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--aim-gray) 0%,var(--aim-gray-dark) 100%);border:1px outset var(--aim-border-dark);border-top-color:var(--aim-border-light);border-left-color:var(--aim-border-light)}.aim-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--aim-gray-dark) 0%,#c0c0c0 100%)}.aim-scrollbar::-webkit-scrollbar-corner{background:var(--aim-gray)}.auth-link{color:var(--aim-text-link);text-decoration:underline;cursor:pointer;font-size:var(--aim-font-size-small);text-align:center;margin-top:8px}.auth-link:hover{color:var(--aim-blue-light)}.form-checkbox{display:flex;align-items:center;gap:4px;font-size:10px}.form-checkbox input[type=checkbox]{width:12px;height:12px}@media (max-width: 768px){.aim-window{font-size:var(--aim-font-size-small);border-width:1px}.aim-window-header{padding:1px 3px;font-size:var(--aim-font-size-small)}.aim-window-control{width:14px;height:12px;font-size:7px}.aim-button{padding:1px 12px;font-size:var(--aim-font-size-small);min-width:50px;height:20px}.form-input{padding:1px 3px;font-size:var(--aim-font-size-small);height:16px}.aim-status-icon{width:10px;height:10px}}@media (max-width: 480px){.aim-window{font-size:9px;box-shadow:1px 1px 2px #0000004d}.aim-window-header{padding:1px 2px;font-size:9px}.aim-window-control{width:12px;height:10px;font-size:6px}.aim-button{padding:1px 8px;font-size:9px;min-width:40px;height:18px}.form-input{padding:1px 2px;font-size:9px;height:14px}.aim-status-icon{width:8px;height:8px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.aim-window,.aim-window-control,.aim-button,.form-input{border-width:1px}}@media (prefers-color-scheme: dark){:root{--aim-gray: #3c3c3c;--aim-gray-light: #4a4a4a;--aim-gray-dark: #2a2a2a;--aim-text-primary: #ffffff;--aim-text-secondary: #cccccc}.aim-window{box-shadow:2px 2px 6px #0009}}.add-buddy-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.add-buddy-dialog{width:400px;max-height:500px;background:#ece9d8;border:2px outset #c0c0c0;box-shadow:2px 2px 10px #0000004d}.add-buddy-content{padding:12px;max-height:400px;overflow-y:auto}.search-input-container{display:flex;gap:8px;align-items:center}.search-input-container .form-input{flex:1}.search-button{padding:4px 12px;background:#ece9d8;border:2px outset #c0c0c0;font-family:"MS Sans Serif",sans-serif;font-size:11px;cursor:pointer;min-width:80px}.search-button:hover:not(:disabled){background:#d4d0c8}.search-button:active:not(:disabled){border-style:inset}.search-button:disabled{color:gray;cursor:not-allowed}.search-results{margin:12px 0;border:1px solid #a0a0a0;background:#fff;max-height:150px;overflow-y:auto}.results-list{padding:4px}.result-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid #e0e0e0}.result-item:last-child{border-bottom:none}.result-item:hover{background:#f0f0f0}.result-info{flex:1}.result-screen-name{font-weight:700;font-size:11px;color:#000}.result-display-name{font-size:10px;color:#666;font-style:italic}.add-result-button{padding:2px 8px;background:#ece9d8;border:1px outset #c0c0c0;font-family:"MS Sans Serif",sans-serif;font-size:10px;cursor:pointer;min-width:40px}.add-result-button:hover:not(:disabled){background:#d4d0c8}.add-result-button:active:not(:disabled){border-style:inset}.add-result-button:disabled{color:gray;cursor:not-allowed}.form-textarea{width:calc(100% - 12px);padding:4px;border:2px inset #c0c0c0;background:#fff;font-family:"MS Sans Serif",sans-serif;font-size:11px;resize:vertical;min-height:60px}.form-textarea:disabled{background:#f0f0f0;color:gray}@media (max-width: 768px){.add-buddy-dialog{width:90%;max-width:350px}.search-input-container{flex-direction:column;align-items:stretch}.search-button{margin-top:4px}}.remove-buddy-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.remove-buddy-dialog{width:350px;background:#ece9d8;border:2px outset #c0c0c0;box-shadow:2px 2px 10px #0000004d}.remove-buddy-content{padding:16px}.confirmation-message{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.warning-icon{font-size:24px;flex-shrink:0;margin-top:4px}.message-text{flex:1}.message-text p{margin:0 0 8px;font-family:"MS Sans Serif",sans-serif;font-size:11px;line-height:1.4}.message-text p:last-child{margin-bottom:0}.display-name{color:#666;font-style:italic;font-size:10px!important}.warning-text{color:#c00;font-size:10px!important;margin-top:12px!important}.aim-button-danger{background:#ff6b6b;color:#fff;border-color:#ff5252}.aim-button-danger:hover:not(:disabled){background:#ff5252;border-color:#ff3d3d}.aim-button-danger:active:not(:disabled){background:#ff3d3d;border-style:inset}.aim-button-danger:disabled{background:#ffb3b3;color:#c88;cursor:not-allowed}@media (max-width: 768px){.remove-buddy-dialog{width:90%;max-width:300px}.confirmation-message{flex-direction:column;text-align:center}.warning-icon{align-self:center;margin-top:0}}.buddy-profile-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.buddy-profile-dialog{width:400px;max-height:500px;background:#ece9d8;border:2px outset #c0c0c0;box-shadow:2px 2px 10px #0000004d}.buddy-profile-content{padding:16px;max-height:400px;overflow-y:auto}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;color:#666;font-size:11px}.profile-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #c0c0c0}.screen-name-section h3{margin:0 0 8px;font-family:"MS Sans Serif",sans-serif;font-size:14px;font-weight:700;color:#000}.status-indicator{display:flex;align-items:center;gap:6px}.status-dot{font-size:12px}.status-text{font-family:"MS Sans Serif",sans-serif;font-size:11px;color:#333}.profile-details{margin-bottom:16px}.profile-field{display:flex;margin-bottom:8px;font-family:"MS Sans Serif",sans-serif;font-size:11px}.profile-field label{font-weight:700;min-width:100px;color:#333}.profile-field span{flex:1;color:#000;word-break:break-word}.profile-field.away-message{flex-direction:column;background:#f0f8ff;border:1px solid #b3d9ff;padding:8px;border-radius:2px;margin-top:8px}.profile-field.away-message label{margin-bottom:4px;color:#06c}.profile-field.away-message span{font-style:italic;color:#06c}.profile-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;border-top:1px solid #c0c0c0}.aim-loading-dot{width:6px;height:6px;background:#666;border-radius:50%;animation:loading-bounce 1.4s ease-in-out infinite both}@media (max-width: 768px){.buddy-profile-dialog{width:90%;max-width:350px}.profile-field{flex-direction:column}.profile-field label{min-width:auto;margin-bottom:2px}.profile-actions{flex-direction:column}}.pending-requests-dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.pending-requests-dialog{background-color:silver;border:2px outset #c0c0c0;min-width:400px;max-width:500px;max-height:600px;display:flex;flex-direction:column;font-family:"MS Sans Serif",sans-serif;font-size:11px}.pending-requests-content{padding:12px;display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.loading-message,.no-requests-message{text-align:center;padding:20px;color:#000}.no-requests-message p{margin:0;font-size:12px}.requests-list{display:flex;flex-direction:column;gap:8px}.request-item{border:1px inset #c0c0c0;padding:8px;background-color:#f0f0f0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.request-info{flex:1;display:flex;flex-direction:column;gap:4px}.request-from{font-weight:700;color:#000}.display-name{font-weight:400;color:#666;font-style:italic}.request-message{color:#333;font-style:italic;font-size:10px;margin:2px 0}.request-date{color:#666;font-size:10px}.request-actions{display:flex;flex-direction:column;gap:4px;min-width:80px}.request-actions .aim-button{font-size:10px;padding:2px 8px;min-height:20px}.dialog-buttons{display:flex;justify-content:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid #808080}.error-message{background-color:#fcc;border:1px solid #ff0000;padding:8px;color:#c00;font-size:11px;border-radius:2px}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;display:inline-block}.skeleton--animate{animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton--text{height:1em;margin-bottom:.5em}.skeleton--circular{border-radius:50%}.skeleton--rectangular{border-radius:4px}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-message{padding:8px 12px;margin-bottom:8px;border-radius:8px;background:#ffffff80}.skeleton-message__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.skeleton-message__content{display:flex;flex-direction:column;gap:4px}.skeleton-message-list{padding:8px}.skeleton-buddy{display:flex;align-items:center;gap:8px;padding:4px 8px;margin-bottom:2px}.skeleton-buddy-list{padding:8px}.skeleton-profile{display:flex;gap:16px;padding:16px}.skeleton-profile__avatar{flex-shrink:0}.skeleton-profile__info{flex:1;display:flex;flex-direction:column;gap:8px}.loading-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-overlay__content{display:flex;flex-direction:column;align-items:center;gap:12px}.loading-overlay__message{font-size:14px;color:#666;text-align:center}.loading-spinner{width:32px;height:32px}.loading-spinner__circle{width:100%;height:100%;border:3px solid #f3f3f3;border-top:3px solid #007acc;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-dots{display:flex;gap:4px}.loading-dot{width:8px;height:8px;background:#007acc;border-radius:50%;animation:loading-dots 1.4s ease-in-out infinite both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes loading-dots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-pulse{width:32px;height:32px;position:relative}.loading-pulse__circle{width:100%;height:100%;background:#007acc;border-radius:50%;animation:loading-pulse 1.5s ease-in-out infinite}@keyframes loading-pulse{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.transition-wrapper{transition-property:opacity,transform;transition-timing-function:ease-in-out;transition-duration:var(--transition-duration, .3s)}.transition-wrapper--fade.transition-wrapper--visible{opacity:1}.transition-wrapper--fade.transition-wrapper--hidden{opacity:0}.transition-wrapper--slide.transition-wrapper--visible{opacity:1;transform:translate(0)}.transition-wrapper--slide.transition-wrapper--hidden{opacity:0;transform:translate(-20px)}.transition-wrapper--scale.transition-wrapper--visible{opacity:1;transform:scale(1)}.transition-wrapper--scale.transition-wrapper--hidden{opacity:0;transform:scale(.95)}.transition-wrapper--slideUp.transition-wrapper--visible{opacity:1;transform:translateY(0)}.transition-wrapper--slideUp.transition-wrapper--hidden{opacity:0;transform:translateY(20px)}.transition-wrapper--slideDown.transition-wrapper--visible{opacity:1;transform:translateY(0)}.transition-wrapper--slideDown.transition-wrapper--hidden{opacity:0;transform:translateY(-20px)}.aim-loading-animation{display:flex;gap:4px;align-items:center}.aim-loading-dot{width:6px;height:6px;background:#007acc;border-radius:50%;animation:aim-loading 1.2s ease-in-out infinite}.aim-loading-dot:nth-child(1){animation-delay:-.24s}.aim-loading-dot:nth-child(2){animation-delay:-.12s}.aim-loading-dot:nth-child(3){animation-delay:0s}@keyframes aim-loading{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.window-transition-enter{opacity:0;transform:scale(.9) translateY(-10px)}.window-transition-enter-active{opacity:1;transform:scale(1) translateY(0);transition:opacity .2s ease-out,transform .2s ease-out}.window-transition-exit{opacity:1;transform:scale(1) translateY(0)}.window-transition-exit-active{opacity:0;transform:scale(.9) translateY(-10px);transition:opacity .15s ease-in,transform .15s ease-in}@media (max-width: 768px){.loading-overlay__content{gap:8px}.loading-overlay__message{font-size:12px}.loading-spinner,.loading-pulse{width:24px;height:24px}}.buddy-list-window{width:200px;height:400px;resize:both;overflow:hidden;min-width:180px;min-height:250px;position:fixed;z-index:1000}.buddy-list-content{padding:0;height:calc(100% - 20px);overflow-y:auto;background:#fff;display:flex;flex-direction:column}.buddy-list-content{@extend .aim-scrollbar;}.buddy-list-icon{margin-right:4px}.buddy-list-user-info{background:linear-gradient(to bottom,#f0f0f0,#e0e0e0);border-bottom:1px solid #c0c0c0;padding:6px 8px;font-size:11px}.user-screen-name{font-weight:700;color:navy;margin-bottom:2px}.user-status{display:flex;align-items:center;gap:4px;font-size:10px;color:#666}.status-icon{font-size:8px;font-weight:700}.buddy-groups{flex:1}.buddy-group{border-bottom:1px solid #e0e0e0}.buddy-group-header{background:linear-gradient(to bottom,#f8f8f8,#e8e8e8);border-bottom:1px solid #d0d0d0;padding:4px 8px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#333;-webkit-user-select:none;user-select:none}.buddy-group-header:hover{background:linear-gradient(to bottom,#f0f0f0,#e0e0e0)}.group-expand-icon{font-size:8px;width:10px;text-align:center}.group-name{flex:1}.group-count{font-size:10px;color:#666;font-weight:400}.buddy-group-content{background:#fff}.buddy-item{display:flex;align-items:center;gap:6px;padding:2px 16px;font-size:11px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px dotted #f0f0f0}.buddy-item:hover{background:#e6f3ff}.buddy-item.online{color:#000;font-weight:400}.buddy-item.offline{color:gray;font-style:italic}.buddy-status-icon{font-size:8px;font-weight:700;width:10px;text-align:center}.buddy-screen-name{flex:1}.buddy-away-indicator{font-size:10px;opacity:.7}.buddy-group-empty{padding:8px 16px;font-size:10px;color:#999;font-style:italic;text-align:center}.buddy-list-empty{padding:20px;text-align:center;color:#666;font-size:11px}.buddy-list-empty p{margin:4px 0}.buddy-list-toolbar{display:flex;justify-content:space-around;padding:4px;background:linear-gradient(to bottom,#f0f0f0,#e0e0e0);border-bottom:1px solid #c0c0c0}.buddy-list-tool-button{width:24px;height:24px;border:1px outset #c0c0c0;background:#f0f0f0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0}.buddy-list-tool-button:hover{background:#e0e0e0}.buddy-list-tool-button:active{border:1px inset #c0c0c0}.buddy-list-loading{padding:20px;text-align:center;color:#666;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.aim-loading-dot{width:8px;height:8px;background-color:#0054e3;border-radius:50%;animation:aim-loading-bounce 1.4s infinite ease-in-out both}@keyframes aim-loading-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.buddy-list-error{padding:20px;text-align:center;color:#c00;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.buddy-list-error .aim-button{margin-top:8px;font-size:10px;padding:2px 12px}.buddy-list-content::-webkit-scrollbar{width:16px}.buddy-list-content::-webkit-scrollbar-track{background:#f0f0f0;border:1px inset #c0c0c0}.buddy-list-content::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#e0e0e0,silver);border:1px outset #c0c0c0}.buddy-list-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#d0d0d0,#b0b0b0)}.buddy-list-content::-webkit-scrollbar-button{background:linear-gradient(to bottom,#e0e0e0,silver);border:1px outset #c0c0c0;height:16px}.buddy-list-content::-webkit-scrollbar-button:hover{background:linear-gradient(to bottom,#d0d0d0,#b0b0b0)}.buddy-context-menu{position:fixed;background:#f0f0f0;border:2px outset #c0c0c0;box-shadow:2px 2px 4px #0000004d;z-index:2000;min-width:120px}.buddy-context-menu-item{padding:4px 12px;font-size:11px;cursor:pointer;border-bottom:1px solid #e0e0e0}.buddy-context-menu-item:hover{background:#0054e3;color:#fff}.buddy-list-menu{background:#ece9d8;border-bottom:1px solid #c0c0c0;padding:2px 4px;display:flex;gap:4px}.menu-button{background:none;border:1px solid transparent;padding:2px 8px;font-family:"MS Sans Serif",sans-serif;font-size:11px;cursor:pointer;border-radius:2px}.menu-button:hover{background:#d4d0c8;border-color:#a0a0a0}.menu-button:active{background:silver;border-style:inset}.buddy-context-menu-item:last-child{border-bottom:none}.buddy-context-menu-separator{height:1px;background:silver;margin:2px 0}@media (max-width: 768px){.buddy-list-window{width:180px;height:350px}.buddy-item{padding:3px 12px}.buddy-group-header{padding:5px 8px}}.chat-window{width:400px;height:300px;resize:both;overflow:hidden;min-width:300px;min-height:200px;position:fixed;z-index:1001}.chat-window.active{z-index:1002}.chat-window.has-unread{animation:chat-window-flash 1s infinite}@keyframes chat-window-flash{0%,50%{opacity:1}25%,75%{opacity:.7}}.chat-content{padding:0;height:calc(100% - 20px);display:flex;flex-direction:column;background:#fff}.chat-buddy-status{font-size:8px;margin-right:4px}.chat-messages{flex:1;overflow-y:auto;padding:8px;background:#fff;border-bottom:1px solid #c0c0c0;font-family:var(--aim-font-family);font-size:var(--aim-font-size-normal)}.chat-messages{@extend .aim-scrollbar;}.chat-message{margin-bottom:8px;word-wrap:break-word}.chat-message.incoming,.chat-message.outgoing{text-align:left}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;font-size:10px}.message-sender{font-weight:700;color:navy}.chat-message.outgoing .message-sender{color:maroon}.message-timestamp{color:#666;font-size:9px}.message-content{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:0;padding:4px 6px;margin-left:0;line-height:1.3}.chat-message.outgoing .message-content{background:#e6f3ff;border-color:#b3d9ff}.typing-indicator{display:flex;align-items:center;gap:4px;font-size:10px;color:#666;font-style:italic;margin-bottom:4px}.typing-dots{display:flex;gap:1px}.typing-dots span{animation:typing-dot 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing-dot{0%,80%,to{opacity:.3}40%{opacity:1}}.chat-input-container{display:flex;padding:4px;background:linear-gradient(to bottom,#f0f0f0,#e0e0e0);border-top:1px solid #c0c0c0;gap:4px}.chat-input{flex:1;padding:2px 4px;border:2px inset #c0c0c0;background:#fff;font-family:"MS Sans Serif",sans-serif;font-size:11px;height:18px}.chat-input:focus{outline:none;background:#ffc}.chat-input:disabled{background:#f0f0f0;color:gray}.chat-send-button{padding:2px 12px;font-size:10px;height:23px;min-width:50px}.chat-send-button:disabled{color:gray;cursor:not-allowed}.chat-offline-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:4px 8px;font-size:10px;text-align:center}.chat-delivery-status{padding:4px 8px;font-size:10px}.delivery-indicator{margin:2px 0;padding:2px 4px;border-radius:2px;display:inline-block}.delivery-indicator.sending{background:#e3f2fd;color:#1976d2}.delivery-indicator.delivered{background:#e8f5e8;color:#2e7d32}.delivery-indicator.failed{background:#ffebee;color:#c62828}.retry-button{background:none;border:none;color:#c62828;cursor:pointer;font-size:12px;margin-left:4px;padding:0 2px;border-radius:2px}.retry-button:hover{background:#c62828;color:#fff}.chat-empty{text-align:center;color:#666;font-size:11px;padding:20px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.chat-empty p{margin:4px 0}.chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666;font-size:11px}.chat-loading .aim-loading-animation{margin-bottom:8px}.chat-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#c00;font-size:11px;text-align:center;padding:20px}.chat-error .aim-button{margin-top:8px;font-size:10px;padding:2px 12px}.chat-messages::-webkit-scrollbar{width:16px}.chat-messages::-webkit-scrollbar-track{background:#f0f0f0;border:1px inset #c0c0c0}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#e0e0e0,silver);border:1px outset #c0c0c0}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#d0d0d0,#b0b0b0)}.chat-messages::-webkit-scrollbar-button{background:linear-gradient(to bottom,#e0e0e0,silver);border:1px outset #c0c0c0;height:16px}.chat-messages::-webkit-scrollbar-button:hover{background:linear-gradient(to bottom,#d0d0d0,#b0b0b0)}@media (max-width: 768px){.chat-window{width:300px;height:250px;min-width:250px;min-height:180px}.chat-input-container{padding:3px}.chat-send-button{padding:2px 8px;min-width:40px}}.chat-window:not(.active){opacity:.9}.chat-window.active .chat-input{border-color:#0054e3}.chat-message:hover{background-color:#0054e30d}.message-content{max-width:100%;overflow-wrap:break-word;word-break:break-word}.chat-window[data-buddy-status=offline] .chat-buddy-status{color:gray!important}.chat-window[data-buddy-status=away] .chat-buddy-status{color:#ff0!important}.chat-window[data-buddy-status=online] .chat-buddy-status{color:#0f0!important}/ * Away Message Styling */ .chat-away-message{background:#f0f8ff;border:1px solid #b3d9ff;color:#06c;padding:6px 8px;font-size:10px;margin:4px;border-radius:2px}.away-message-header{font-weight:700;margin-bottom:2px}.away-message-content{font-style:italic;word-break:break-word}.chat-message.auto-response .message-content{background:#f0f8ff;border-color:#b3d9ff;color:#06c;font-style:italic}.preferences-window{width:400px;background-color:#ece9d8;border:2px solid #0058a6;border-radius:3px;box-shadow:2px 2px 10px #0000004d;font-family:Tahoma,sans-serif;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.window-header{background:linear-gradient(to right,#0058a6,#00a6ff);color:#fff;padding:4px 8px;display:flex;justify-content:space-between;align-items:center}.window-title{font-weight:700}.window-close{background:none;border:none;color:#fff;font-weight:700;cursor:pointer}.tabs{display:flex;background-color:#d4d0c8;border-bottom:1px solid #a0a0a0}.tab{padding:6px 12px;border:none;background:none;cursor:pointer;font-size:12px}.tab.active{background-color:#ece9d8;border-bottom:2px solid #0058a6;font-weight:700}.tab-content{padding:16px;max-height:300px;overflow-y:auto}.preference-item{margin-bottom:12px}.preference-group{margin-left:20px;margin-bottom:16px;border-left:1px solid #a0a0a0;padding-left:10px}.volume-control{display:flex;align-items:center}.volume-control input[type=range]{margin:0 10px;width:150px}.window-footer{padding:8px 16px;display:flex;justify-content:flex-end;border-top:1px solid #a0a0a0;background-color:#d4d0c8}.ok-button{padding:4px 16px;background-color:#ece9d8;border:1px solid #a0a0a0;cursor:pointer}.ok-button:hover{background-color:#f5f5f5}input[type=checkbox]{margin-right:8px}input[type=checkbox]:disabled+span{color:#a0a0a0}.appearance-tab{padding:12px}.preference-section{margin-bottom:16px;border-bottom:1px solid #d0d0d0;padding-bottom:12px}.preference-section:last-child{border-bottom:none}.preference-section h4{margin:0 0 8px;font-size:12px;font-weight:700;color:#333}.appearance-tab .preference-item{margin-bottom:8px}.appearance-tab .preference-item label{display:flex;align-items:center;gap:8px;font-size:11px}.appearance-tab .preference-item select{padding:2px 4px;border:1px solid #a0a0a0;background:#fff;font-family:Tahoma,sans-serif;font-size:11px;min-width:120px}.appearance-tab .preference-item input[type=range]{flex:1;max-width:100px}.appearance-tab .preference-item input[type=color]{width:30px;height:20px;border:1px solid #a0a0a0;cursor:pointer}.appearance-tab .preference-item span{font-size:10px;color:#666;min-width:40px}.appearance-preview{font-family:inherit;min-height:60px;max-height:100px;overflow-y:auto;resize:none}.appearance-preview div{margin-bottom:2px}.profile-window{width:400px;height:450px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.profile-content{padding:12px;height:calc(100% - 20px);overflow-y:auto}.profile-form{display:flex;flex-direction:column;gap:12px}.form-textarea{padding:4px;border:2px inset #c0c0c0;background:#fff;font-family:"MS Sans Serif",sans-serif;font-size:11px;resize:none;width:calc(100% - 12px)}.form-textarea:focus{outline:none;background:#ffc}.form-hint{font-size:9px;color:#666;margin-top:2px}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666;font-size:11px}.aim-loading-animation{display:flex;gap:4px;margin-bottom:8px}.aim-loading-dot{width:6px;height:6px;background-color:#0054e3;border-radius:50%;animation:loading-bounce 1.4s infinite ease-in-out both}.aim-loading-dot:nth-child(1){animation-delay:-.32s}.aim-loading-dot:nth-child(2){animation-delay:-.16s}@keyframes loading-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.success-message{background:#e6ffe6;border:1px solid #00cc00;color:#060;padding:4px 8px;font-size:10px;border-radius:0}.profile-content::-webkit-scrollbar{width:16px}.profile-content::-webkit-scrollbar-track{background:#f0f0f0;border:1px inset #c0c0c0}.profile-content::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#e0e0e0,silver);border:1px outset #c0c0c0}.profile-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#d0d0d0,#b0b0b0)}.profile-content::-webkit-scrollbar-button{background:linear-gradient(to bottom,#e0e0e0,silver);border:1px outset #c0c0c0;height:16px}.profile-content::-webkit-scrollbar-button:hover{background:linear-gradient(to bottom,#d0d0d0,#b0b0b0)}.away-message-dialog{width:350px;height:250px;position:fixed;z-index:1000;background-color:#ece9d8;border:1px solid #000;box-shadow:2px 2px 5px #0000004d}.away-message-content{padding:10px;display:flex;flex-direction:column;height:calc(100% - 30px)}.away-message-form{display:flex;flex-direction:column;flex-grow:1}.away-message-label{font-size:12px;margin-bottom:5px;font-family:Tahoma,sans-serif}.away-message-input{flex-grow:1;min-height:100px;padding:5px;font-family:Tahoma,sans-serif;font-size:12px;border:1px solid #7b9ebd;resize:none}.away-message-counter{font-size:10px;text-align:right;margin-top:3px;color:#666}.away-message-error{color:#c00;font-size:11px;margin:5px 0}.away-message-buttons{display:flex;justify-content:flex-end;margin-top:10px;gap:5px}.status-manager,.status-dropdown{position:relative;display:inline-block}.status-button{display:flex;align-items:center;background-color:#ece9d8;border:1px solid #7b9ebd;padding:3px 8px;font-family:Tahoma,sans-serif;font-size:11px;cursor:pointer}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.status-text{margin-right:5px}.status-arrow{font-size:8px}.status-dropdown-content{display:none;position:absolute;background-color:#ece9d8;min-width:120px;box-shadow:0 8px 16px #0003;z-index:1;border:1px solid #7b9ebd}.status-dropdown:hover .status-dropdown-content{display:block}.status-option{padding:6px 8px;display:flex;align-items:center;font-family:Tahoma,sans-serif;font-size:11px;cursor:pointer}.status-option:hover{background-color:#316ac5;color:#fff}.connection-status{position:fixed;z-index:10000;background:#fffffff2;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--aim-font-family);font-size:12px;min-width:200px;max-width:300px;overflow:hidden;transition:all .2s ease}.connection-status:hover{box-shadow:0 6px 20px #0003}.connection-status--top-left{top:10px;left:10px}.connection-status--top-right{top:10px;right:10px}.connection-status--bottom-left{bottom:10px;left:10px}.connection-status--bottom-right{bottom:10px;right:10px}.connection-status--success{border-color:#4caf50;background:#4caf501a}.connection-status--warning{border-color:#ff9800;background:#ff98001a}.connection-status--error{border-color:#f44336;background:#f443361a}.connection-status__indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.connection-status__icon{font-size:14px;animation:connection-pulse 2s ease-in-out infinite}.connection-status--error .connection-status__icon,.connection-status--warning .connection-status__icon{animation:connection-alert 1s ease-in-out infinite}.connection-status__text{font-weight:500;color:#333;flex:1}.connection-status--success .connection-status__text{color:#2e7d32}.connection-status--warning .connection-status__text{color:#f57c00}.connection-status--error .connection-status__text{color:#c62828}.connection-status__details{border-top:1px solid rgba(0,0,0,.1);padding:8px 12px;background:#ffffff80}.connection-status__detail{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11px}.connection-status__detail:last-child{margin-bottom:0}.connection-status__detail span:first-child{color:#666;font-weight:500}.connection-status__value{font-weight:600;text-transform:capitalize}.connection-status__value--success{color:#2e7d32}.connection-status__value--warning{color:#f57c00}.connection-status__value--error{color:#c62828}.connection-status__actions{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1)}.connection-status__button{width:100%;padding:6px 12px;background:#007acc;color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.connection-status__button:hover:not(:disabled){background:#005a9e}.connection-status__button:disabled{background:#ccc;cursor:not-allowed}@keyframes connection-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes connection-alert{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.connection-status--warning .connection-status__icon{animation:connection-spin 1s linear infinite}@keyframes connection-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.connection-status{min-width:180px;max-width:250px;font-size:11px}.connection-status__indicator{padding:6px 10px;gap:6px}.connection-status__details{padding:6px 10px}.connection-status__detail{font-size:10px}.connection-status__button{padding:5px 10px;font-size:10px}}@media (prefers-contrast: high){.connection-status{background:#fff;border-width:2px}.connection-status--success{border-color:#000;background:#e8f5e8}.connection-status--warning{border-color:#000;background:#fff3e0}.connection-status--error{border-color:#000;background:#ffebee}}@media (prefers-reduced-motion: reduce){.connection-status__icon{animation:none}.connection-status{transition:none}}@media (prefers-color-scheme: dark){.connection-status{background:#1e1e1ef2;border-color:#555;color:#fff}.connection-status__text{color:#fff}.connection-status--success .connection-status__text{color:#81c784}.connection-status--warning .connection-status__text{color:#ffb74d}.connection-status--error .connection-status__text{color:#ef5350}.connection-status__details{background:#28282880;border-color:#ffffff1a}.connection-status__detail span:first-child{color:#ccc}.connection-status__value--success{color:#81c784}.connection-status__value--warning{color:#ffb74d}.connection-status__value--error{color:#ef5350}}.offline-banner{position:fixed;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;font-family:var(--aim-font-family);font-size:14px;box-shadow:0 2px 8px #0003;border-bottom:1px solid rgba(255,255,255,.2)}.offline-banner--top{top:0}.offline-banner--bottom{bottom:0;border-bottom:none;border-top:1px solid rgba(255,255,255,.2)}.offline-banner--warning{background:linear-gradient(135deg,#ff9800,#f57c00)}.offline-banner--error{background:linear-gradient(135deg,#f44336,#d32f2f)}.offline-banner__content{display:flex;align-items:center;gap:12px;padding:12px 16px;max-width:1200px;margin:0 auto}.offline-banner__icon{font-size:18px;animation:offline-pulse 2s ease-in-out infinite;flex-shrink:0}.offline-banner--warning .offline-banner__icon{animation:offline-spin 1s linear infinite}.offline-banner__message{flex:1;font-weight:500;line-height:1.4}.offline-banner__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.offline-banner__button{padding:6px 12px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.offline-banner__button:hover:not(:disabled){background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.offline-banner__button:disabled{opacity:.6;cursor:not-allowed;transform:none}.offline-banner__button--retry{background:#fff3;border-color:#fff6}.offline-banner__button--dismiss{padding:4px 8px;font-size:14px;line-height:1;border:none;background:transparent;opacity:.7}.offline-banner__button--dismiss:hover{opacity:1;background:#ffffff1a}.offline-banner__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3;overflow:hidden}.offline-banner__progress-bar{height:100%;background:#fffc;animation:offline-progress 2s ease-in-out infinite}@keyframes offline-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes offline-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes offline-progress{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.offline-banner{transition:transform .3s cubic-bezier(.4,0,.2,1)}.offline-banner--top{transform:translateY(-100%)}.offline-banner--top.transition-wrapper--visible{transform:translateY(0)}.offline-banner--bottom{transform:translateY(100%)}.offline-banner--bottom.transition-wrapper--visible{transform:translateY(0)}@media (max-width: 768px){.offline-banner__content{padding:10px 12px;gap:8px;font-size:13px}.offline-banner__icon{font-size:16px}.offline-banner__message{font-size:13px}.offline-banner__button{padding:5px 10px;font-size:11px}.offline-banner__button--dismiss{padding:3px 6px;font-size:12px}}@media (max-width: 480px){.offline-banner__content{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 12px}.offline-banner__actions{align-self:flex-end;width:100%;justify-content:space-between}.offline-banner__message{font-size:12px;line-height:1.3}}@media (prefers-contrast: high){.offline-banner{background:#000;border-bottom:2px solid #fff}.offline-banner--bottom{border-top:2px solid #fff;border-bottom:none}.offline-banner__button{border:2px solid #fff;background:transparent}.offline-banner__button:hover:not(:disabled){background:#fff;color:#000}}@media (prefers-reduced-motion: reduce){.offline-banner__icon{animation:none}.offline-banner__progress-bar{animation:none;background:#fffc}.offline-banner,.offline-banner__button{transition:none}}@media print{.offline-banner{display:none}}.offline-banner__button:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}@media (prefers-color-scheme: dark){.offline-banner--warning{background:linear-gradient(135deg,#f57c00,#ef6c00)}.offline-banner--error{background:linear-gradient(135deg,#d32f2f,#c62828)}}.performance-monitor{position:fixed;z-index:9999;background:#000000e6;color:#0f0;font-family:Courier New,monospace;font-size:11px;border:1px solid #333;border-radius:4px;min-width:180px;max-width:250px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none}.performance-monitor.top-left{top:10px;left:10px}.performance-monitor.top-right{top:10px;right:10px}.performance-monitor.bottom-left{bottom:10px;left:10px}.performance-monitor.bottom-right{bottom:10px;right:10px}.monitor-header{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#000c;border-bottom:1px solid #333;cursor:pointer;-webkit-user-select:none;user-select:none}.monitor-header:hover{background:#000000e6}.monitor-title{font-weight:700;color:#0f0}.expand-icon{color:#888;font-weight:700;font-size:12px}.monitor-content{padding:8px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.1)}.stat-row:last-child{border-bottom:none}.stat-label{color:#ccc;font-size:10px}.stat-value{font-weight:700;font-size:11px;text-align:right;min-width:50px}.alerts-section{margin-top:8px;padding-top:8px;border-top:1px solid #333}.alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.alerts-header span{color:#fa0;font-size:10px;font-weight:700}.clear-alerts{background:none;border:none;color:#888;cursor:pointer;font-size:12px;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.clear-alerts:hover{color:#fff}.alerts-list{max-height:60px;overflow-y:auto}.alert-item{font-size:9px;color:#fa0;padding:1px 0;line-height:1.2}.monitor-actions{display:flex;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid #333}.action-button{background:#ffffff1a;border:1px solid #555;color:#ccc;padding:4px 6px;font-size:9px;border-radius:2px;cursor:pointer;flex:1;text-align:center}.action-button:hover{background:#fff3;color:#fff}.action-button:active{background:#ffffff4d}.performance-monitor.compact{min-width:120px}.performance-monitor.compact .monitor-content{padding:4px}.performance-monitor.compact .stat-row{padding:1px 0}.performance-monitor.compact .stat-label,.performance-monitor.compact .stat-value{font-size:9px}.alerts-list::-webkit-scrollbar{width:4px}.alerts-list::-webkit-scrollbar-track{background:#ffffff1a}.alerts-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.alerts-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.alert-item{animation:alertSlideIn .3s ease-out}@keyframes alertSlideIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.stat-value.critical{color:#f44!important;animation:pulse 1s infinite}.stat-value.warning{color:#fa0!important}.stat-value.good{color:#4a4!important}@media (max-width: 768px){.performance-monitor{font-size:10px;min-width:150px}.performance-monitor.compact{min-width:100px}}.memory-monitor{position:fixed;z-index:9999;background:#000000e6;color:#0f0;font-family:Courier New,monospace;font-size:11px;border:1px solid #333;border-radius:4px;min-width:200px;max-width:300px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 12px #00000080}.memory-monitor--top-left{top:10px;left:10px}.memory-monitor--top-right{top:10px;right:10px}.memory-monitor--bottom-left{bottom:10px;left:10px}.memory-monitor--bottom-right{bottom:10px;right:10px}.memory-monitor__header{padding:8px 12px;background:#ffffff1a;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;-webkit-user-select:none;user-select:none}.memory-monitor__header:hover{background:#ffffff26}.memory-monitor__title{font-weight:700;color:#0f0}.memory-monitor__toggle{color:#888;font-weight:700;font-size:14px}.memory-monitor__content{padding:12px;max-height:400px;overflow-y:auto}.memory-monitor__section{margin-bottom:16px}.memory-monitor__section:last-child{margin-bottom:0}.memory-monitor__section h4{margin:0 0 8px;color:#0cf;font-size:12px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #333;padding-bottom:4px}.memory-monitor__metric{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:10px}.memory-monitor__metric span:first-child{color:#ccc}.memory-monitor__metric span:last-child{color:#fff;font-weight:700;text-align:right}.memory-monitor__actions{display:flex;gap:8px;flex-wrap:wrap}.memory-monitor__button{padding:4px 8px;border:1px solid #555;background:#ffffff1a;color:#fff;font-size:10px;cursor:pointer;border-radius:2px;transition:all .2s ease;font-family:inherit}.memory-monitor__button:hover{background:#fff3;border-color:#777}.memory-monitor__button--warning{border-color:#ff9800;color:#ff9800}.memory-monitor__button--warning:hover{background:#ff980033;border-color:#ffb74d}.memory-monitor__button--danger{border-color:#f44336;color:#f44336}.memory-monitor__button--danger:hover{background:#f4433633;border-color:#ef5350}.memory-monitor__content::-webkit-scrollbar{width:6px}.memory-monitor__content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.memory-monitor__content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.memory-monitor__content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.memory-monitor__content{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.memory-monitor{min-width:180px;max-width:250px;font-size:10px}.memory-monitor__header{padding:6px 10px}.memory-monitor__content{padding:10px}.memory-monitor__button{padding:3px 6px;font-size:9px}}.performance-dashboard{position:fixed;z-index:10001;background:#000000e6;color:#fff;border:1px solid #333;border-radius:8px;min-width:320px;max-width:500px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px}.performance-dashboard--top-left{top:10px;left:10px}.performance-dashboard--top-right{top:10px;right:10px}.performance-dashboard--bottom-left{bottom:10px;left:10px}.performance-dashboard--bottom-right{bottom:10px;right:10px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff1a;border-bottom:1px solid #333;cursor:pointer;-webkit-user-select:none;user-select:none}.dashboard-header:hover{background:#ffffff26}.dashboard-status{display:flex;align-items:center;gap:8px}.status-icon{font-size:14px;animation:status-pulse 2s ease-in-out infinite}.status-text{font-weight:600;font-size:13px}.expand-icon{color:#888;font-weight:700;font-size:16px}.dashboard-content{padding:16px;max-height:600px;overflow-y:auto}.health-overview{display:flex;gap:16px;margin-bottom:20px;padding:16px;background:#ffffff0d;border-radius:6px}.health-score{flex-shrink:0}.score-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.score-circle:before{content:"";position:absolute;inset:4px;background:#000c;border-radius:50%}.score-text{position:relative;z-index:1;font-weight:700;font-size:14px;color:#fff}.health-details{flex:1}.health-details h4{margin:0 0 8px;font-size:11px;text-transform:uppercase;color:#ccc;font-weight:600}.health-issues,.health-recommendations{margin-bottom:12px}.issue-item,.recommendation-item{font-size:11px;line-height:1.4;margin-bottom:4px;padding:4px 8px;border-radius:4px}.issue-item{background:#f4433633;border-left:3px solid #f44336}.recommendation-item{background:#2196f333;border-left:3px solid #2196f3}.monitoring-tools{margin-bottom:20px}.tool-section{margin-bottom:16px;padding:12px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.tool-section:last-child{margin-bottom:0}.dashboard-actions{border-top:1px solid #333;padding-top:16px}.action-row{margin-bottom:12px}.auto-optimize-toggle{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.auto-optimize-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#2196f3}.action-buttons{display:flex;gap:8px}.dashboard-button{flex:1;padding:8px 12px;border:1px solid #555;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.dashboard-button--primary{background:#2196f3;color:#fff;border-color:#1976d2}.dashboard-button--primary:hover{background:#1976d2;border-color:#1565c0}.dashboard-button--secondary{background:transparent;color:#ccc;border-color:#555}.dashboard-button--secondary:hover{background:#ffffff1a;border-color:#777;color:#fff}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.dashboard-content::-webkit-scrollbar{width:6px}.dashboard-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.dashboard-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width: 768px){.performance-dashboard{min-width:280px;max-width:320px;font-size:11px}.dashboard-header{padding:10px 12px}.dashboard-content{padding:12px;max-height:400px}.health-overview{flex-direction:column;gap:12px;padding:12px}.score-circle{width:50px;height:50px}.score-text{font-size:12px}.action-buttons{flex-direction:column}.dashboard-button{padding:10px 12px;font-size:10px}}@media (prefers-contrast: high){.performance-dashboard{background:#000;border:2px solid #fff}.dashboard-header{background:#333;border-bottom:2px solid #fff}.tool-section{background:#111;border:1px solid #fff}.issue-item{background:#300;border-left:3px solid #ff0000}.recommendation-item{background:#003;border-left:3px solid #0066ff}}@media (prefers-reduced-motion: reduce){.status-icon{animation:none}.dashboard-button{transition:none}}@media print{.performance-dashboard{display:none}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}
