*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;min-height:100vh;overflow-x:hidden}#login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e)}.login-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;width:100%;max-width:400px;text-align:center;box-shadow:0 20px 40px #0000004d}.login-card h1{margin-bottom:30px;color:#0f8;font-size:2.5rem;font-weight:300}.login-card h2{margin-bottom:20px;color:#fff;font-weight:400}.google-signin-btn{width:100%;padding:15px;background:#4285f4;color:#fff;border:none;border-radius:10px;font-size:16px;cursor:pointer;margin-bottom:20px;transition:all .3s ease}.google-signin-btn:hover{background:#357ae8;transform:translateY(-2px)}.divider{margin:20px 0;position:relative;text-align:center;color:#888}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#fff3}.divider span{background:#ffffff0d;padding:0 15px}.email-signin-form{display:flex;flex-direction:column;gap:15px}.form-input{padding:15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:16px}.form-input::placeholder{color:#fff9}.email-signin-btn{padding:15px;background:#0f8;color:#000;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.email-signin-btn:hover{background:#00cc6a;transform:translateY(-2px)}.login-error{display:none;background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b;padding:10px;border-radius:8px;margin-top:15px;font-size:14px}#dashboard-container{display:none;min-height:100vh}.dashboard-header{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.header-left h1{color:#0f8;font-size:2rem;font-weight:300}.header-right{display:flex;align-items:center;gap:20px}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-weight:600;color:#fff}.user-email{font-size:.9rem;color:#888}.signout-btn{padding:10px 20px;background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b;border-radius:8px;cursor:pointer;transition:all .3s ease}.signout-btn:hover{background:#ff6b6b4d}.dashboard-main{padding:30px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:30px;max-width:1400px;margin:0 auto}.dashboard-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;box-shadow:0 10px 30px #0003}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-title{font-size:1.5rem;font-weight:600;color:#0f8}.organs-section{grid-column:1 / -1}.organs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.organ-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:20px;transition:all .3s ease}.organ-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0f83}.organ-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.organ-header h3{font-size:1.1rem;font-weight:600}.status-indicator{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.healthy{background:#0f8}.status-indicator.warning{background:#fa0}.status-indicator.critical{background:#ff6b6b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.organ-metrics{margin-bottom:15px}.metric{display:flex;justify-content:space-between;margin-bottom:10px}.metric-value{font-size:1.2rem;font-weight:600}.metric-label{color:#888;font-size:.9rem}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:15px}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.progress-fill.healthy{background:linear-gradient(90deg,#0f8,#00cc6a)}.progress-fill.warning{background:linear-gradient(90deg,#fa0,#f80)}.progress-fill.critical{background:linear-gradient(90deg,#ff6b6b,#f44)}.organ-actions{display:flex;gap:10px}.btn-small{padding:8px 15px;background:#0f83;border:1px solid #00ff88;color:#0f8;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .3s ease}.btn-small:hover{background:#00ff884d}.mesh-section{grid-column:1;grid-row:2}#mesh-visualization{width:100%;height:400px;border-radius:15px;overflow:hidden;background:#000}.revenue-section{grid-column:2;grid-row:2}#revenue-chart{width:100%;height:400px}.artifacts-section{grid-column:1 / -1;grid-row:3}.artifacts-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.artifact-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.artifact-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00ff8826}.artifact-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f8,#00cc6a);color:#000;font-weight:700;font-size:1.2rem}.artifact-info{flex:1}.artifact-info h4{margin-bottom:5px;font-size:1.1rem}.artifact-type{color:#888;font-size:.9rem;margin-bottom:8px}.artifact-meta{display:flex;gap:15px;font-size:.85rem;color:#aaa}.artifact-actions{display:flex;gap:10px}.btn-icon{width:35px;height:35px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-icon:hover{background:#0f83;border-color:#0f8}@media (max-width: 1200px){.dashboard-main{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.organs-section{grid-column:1;grid-row:1}.mesh-section{grid-column:1;grid-row:2}.revenue-section{grid-column:1;grid-row:3}.artifacts-section{grid-column:1;grid-row:4}}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:15px;text-align:center}.header-right{flex-direction:column;gap:10px}.dashboard-main{padding:20px;gap:20px}.dashboard-section{padding:20px}.organs-grid,.artifacts-gallery{grid-template-columns:1fr}.artifact-card{flex-direction:column;text-align:center}.login-card{margin:20px;padding:30px}}@media (max-width: 480px){.login-card h1{font-size:2rem}.section-title{font-size:1.3rem}#mesh-visualization,#revenue-chart{height:300px}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#0f8;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.text-center{text-align:center}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}