*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--accent: #6366f1;--accent-hover: #818cf8;--text-primary: #ffffff;--text-secondary: #a3a3a3;--border: rgba(255, 255, 255, .1);--glass-bg: rgba(20, 20, 20, .6);--glass-border: rgba(255, 255, 255, .08);--success: #10b981;--error: #ef4444}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}#app{min-height:100vh}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e)}.login-card{width:100%;max-width:420px;padding:48px 40px;text-align:center}.login-card .logo{margin-bottom:40px}.login-card .logo .logo-icon{font-size:64px;margin-bottom:16px}.login-card .logo h1{font-size:32px;font-weight:700;margin-bottom:4px}.login-card .logo p{color:var(--text-secondary);font-size:14px}.login-card .login-form .form-group{margin-bottom:20px;text-align:left}.login-card .login-form .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-secondary)}.login-card .login-form .form-group input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .2s}.login-card .login-form .form-group input:focus{outline:none;border-color:var(--accent);background:#ffffff14}.login-card .login-form .error-message{margin-bottom:20px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--error);font-size:14px}.login-card .login-form .btn-primary{width:100%;padding:14px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.login-card .login-form .btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.login-card .login-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}.dashboard{display:flex;min-height:100vh}.sidebar{width:80px;padding:20px 12px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .sidebar-header{margin-bottom:32px;text-align:center}.sidebar .sidebar-header .logo-small{font-size:32px}.sidebar .sidebar-nav{flex:1;display:flex;flex-direction:column;gap:12px}.sidebar .sidebar-footer{margin-top:auto}.sidebar .nav-item{width:56px;height:56px;background:transparent;border:1px solid transparent;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.sidebar .nav-item .nav-icon{font-size:24px}.sidebar .nav-item:hover{background:#ffffff0d;border-color:var(--border)}.sidebar .nav-item.active{background:var(--accent);color:#fff}.main-content{flex:1;padding:24px;overflow-y:auto}.header{padding:20px 24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.header h2{font-size:24px;font-weight:600}.header .header-right{display:flex;align-items:center;gap:16px}.header .header-right .user-info{text-align:right}.header .header-right .user-info .user-name{display:block;font-size:14px;font-weight:500}.header .header-right .user-info .user-role{display:block;font-size:12px;color:var(--text-secondary);text-transform:uppercase}.header .header-right .status-indicator{width:12px;height:12px;border-radius:50%;background:var(--text-secondary)}.header .header-right .status-indicator.connected{background:var(--success);box-shadow:0 0 8px var(--success)}.header .header-right .status-indicator.error{background:var(--error)}.content-area{min-height:600px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.stat-card{padding:24px;display:flex;gap:16px;align-items:center}.stat-card .stat-icon{font-size:40px}.stat-card .stat-content .stat-value{font-size:28px;font-weight:700;margin-bottom:4px}.stat-card .stat-content .stat-label{font-size:14px;color:var(--text-secondary)}.activity-feed{padding:24px}.activity-feed h3{margin-bottom:16px;font-size:18px}.activity-feed .activity-list{display:flex;flex-direction:column;gap:12px}.activity-feed .activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;font-size:14px}.activity-feed .activity-item .activity-icon{font-size:20px}.activity-feed .activity-item .activity-text{flex:1;color:var(--text-secondary)}.activity-feed .activity-item .activity-time{color:var(--text-secondary);font-size:12px}.tasks-grid,.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.task-card,.customer-card{padding:24px}.task-card h4,.customer-card h4{margin-bottom:16px;font-size:16px;color:var(--accent)}.task-card pre,.customer-card pre{font-size:13px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word}.memory-list{display:flex;flex-direction:column;gap:20px}.memory-card{padding:24px}.memory-card .memory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.memory-card .memory-header h4{font-size:16px;color:var(--accent)}.memory-card .memory-header .memory-date{font-size:12px;color:var(--text-secondary)}.memory-card pre{font-size:13px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word;max-height:400px;overflow-y:auto}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.stats-card{padding:24px}.stats-card h3{margin-bottom:20px;font-size:18px}.stats-card .stats-detail{display:flex;flex-direction:column;gap:12px}.stats-card .stats-detail .stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}.stats-card .stats-detail .stat-row span:first-child{color:var(--text-secondary)}.stats-card .stats-detail .stat-row span:last-child{font-weight:600}.models-breakdown{padding:24px}.models-breakdown h3{margin-bottom:20px;font-size:18px}.models-breakdown .models-list{display:flex;flex-direction:column;gap:12px}.models-breakdown .models-list .model-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff08;border-radius:8px;font-size:14px}.models-breakdown .models-list .model-row .model-name{flex:1;font-weight:600}.models-breakdown .models-list .model-row .model-tokens{color:var(--text-secondary);margin:0 16px}.models-breakdown .models-list .model-row .model-cost{font-weight:600;color:var(--accent)}.empty-state{padding:60px 20px;text-align:center;color:var(--text-secondary);font-size:14px}