.user-info{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.15);gap:12px}.user-details{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.user-text{display:flex;flex-direction:column;min-width:0;flex:1}.user-name{font-weight:600;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:11px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-button{padding:6px 12px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.logout-button:hover{background:#ffffff4d;border-color:#fff6}.logout-button:active{background:#ffffff26}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-color);font-family:JetBrains Mono,Courier New,monospace}.login-ascii-logo{font-family:JetBrains Mono,Courier New,monospace;font-size:5px;line-height:1.1;color:#888;margin-bottom:32px;white-space:pre;overflow:visible;text-align:center}.login-box{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:48px;box-shadow:0 20px 60px #0000001a;text-align:center;max-width:500px;width:90%}.login-title{margin:0 0 8px;font-size:36px;color:#333;font-weight:600;font-family:JetBrains Mono,Courier New,monospace}.login-subtitle{color:#666;margin:0 0 32px;font-size:14px;font-family:JetBrains Mono,Courier New,monospace}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33;padding:12px;border-radius:6px;margin-bottom:24px;font-size:14px;font-family:JetBrains Mono,Courier New,monospace}.google-login-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 24px;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:16px;font-weight:500;color:#333;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;font-family:JetBrains Mono,Courier New,monospace}.google-login-button:hover{background:#f8f9fa;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.google-login-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.google-icon{width:20px;height:20px}.login-info{margin-top:24px;font-size:13px;color:#666;line-height:1.5;font-family:JetBrains Mono,Courier New,monospace}:root{--bg-color: #f0f4f9;--sidebar-bg: #ffffff;--canvas-bg: #ffffff;--text-color: #1f1f1f;--text-light: #5f6368;--primary-color: #1a73e8;--hover-bg: #e8f0fe;--border-color: #e0e0e0;--font-main: "Roboto", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15)}body{margin:0;font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;padding:0;overflow:hidden}.App{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:300px;background-color:var(--sidebar-bg);padding:16px;display:flex;flex-direction:column;border-right:1px solid var(--border-color);box-sizing:border-box}.sidebar-header{display:flex;align-items:center;justify-content:flex-start;padding:0 8px 16px;border-bottom:1px solid var(--border-color)}.sidebar-header h1{margin:0;font-size:2em;color:#333}.sidebar-header img{margin-left:10px}.app-iframe{border:none;width:100%;height:100%;border-radius:12px;background-color:var(--canvas-bg);box-shadow:var(--shadow)}.app-list{list-style:none;overflow-y:auto;flex-grow:1;padding:0;margin:0;font-family:var(--font-mono)}.app-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:8px;border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--text-light);transition:background-color .2s ease-in-out,color .2s ease-in-out}.app-list li:last-child{margin-bottom:0}.app-list li:hover{background-color:var(--hover-bg);color:var(--primary-color)}.app-list li.active{background-color:var(--hover-bg);color:var(--primary-color);font-weight:500}.app-list li svg{flex-shrink:0}.sidebar-footer{margin-top:auto;padding:16px 0 0;text-align:center;font-size:.8em;color:var(--text-light);border-top:1px solid var(--border-color);flex-shrink:0}.canvas{flex-grow:1;padding:20px;background-color:var(--bg-color);display:flex;flex-direction:column}.canvas-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:var(--text-light)}.canvas-placeholder h1{font-size:2rem;font-weight:400}.sidebar-group-header{font-size:1.2rem;font-weight:800;color:var(--text-color);padding:0 12px;margin:0 0 12px;letter-spacing:.01em}.sidebar-group{padding-top:16px}.sidebar-list{list-style:none;padding:0;margin:0}.sidebar-list-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--text-light);transition:background-color .2s ease-in-out,color .2s ease-in-out}.sidebar-list-item:hover{background-color:var(--hover-bg);color:var(--primary-color)}.sidebar-list-item.active{background-color:var(--hover-bg);color:var(--primary-color);font-weight:500}.sidebar-list-item.disabled{color:#9e9e9e;cursor:default}.sidebar-list-item.disabled:hover{background-color:transparent;color:#9e9e9e}.sidebar-list-item svg{flex-shrink:0}.sidebar-list-item a{text-decoration:none;color:inherit}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-color)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(26,115,232,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{margin-top:16px;color:var(--text-light);font-size:14px}