*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.container,body{min-height:100vh}.container{display:flex}.sidebar{width:300px;background:linear-gradient(180deg,#1e40af,#1e3a8a);color:white;padding:0;box-shadow:4px 0 15px rgba(0,0,0,.1);position:relative;overflow-y:auto}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="1" fill="white" opacity="0.1"/><circle cx="80" cy="40" r="1.5" fill="white" opacity="0.1"/><circle cx="40" cy="80" r="1" fill="white" opacity="0.1"/></svg>');pointer-events:none}.logo{padding:2rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:1;background:rgba(0,0,0,.1)}.logo h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.logo .nitt{color:#60a5fa}.logo .ram{color:#fbbf24}.logo p{font-size:.85rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.nav-section{position:relative;z-index:1}.nav-group{margin-bottom:1rem}.nav-group-title{padding:1rem 2rem .5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;opacity:.7;font-weight:600}.nav-item{padding:.75rem 2rem;cursor:pointer;transition:all .3s ease;border-left:4px solid transparent;position:relative;display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.nav-item:hover{background:rgba(255,255,255,.1);border-left-color:#fbbf24;transform:translateX(5px)}.nav-item.active{background:rgba(251,191,36,.2);border-left-color:#fbbf24;font-weight:600}.nav-item-content{display:flex;align-items:center;gap:.75rem}.nav-icon{width:18px;height:18px;opacity:.9;font-size:16px}.phase-badge{background:rgba(251,191,36,.8);color:#1e40af;font-weight:600}.coming-soon,.phase-badge{padding:.2rem .5rem;border-radius:8px;font-size:.7rem}.coming-soon{background:rgba(255,255,255,.2);color:white;font-weight:500}.agent-info{position:-webkit-sticky;position:sticky;bottom:0;left:0;right:0;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);gap:1rem;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.agent-avatar,.agent-info{display:flex;align-items:center}.agent-avatar{width:40px;height:40px;background:#fbbf24;border-radius:50%;justify-content:center;font-weight:700;color:#1e40af}.main-content{flex:1 1;padding:2rem;overflow-y:auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header h1{font-size:2.5rem;color:#1e40af;font-weight:700;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-actions{display:flex;gap:1rem;align-items:center}.action-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:white;padding:.75rem 1.5rem;border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px rgba(251,191,36,.3);font-size:.9rem}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(251,191,36,.4)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;padding:1.5rem;border-radius:12px;text-align:center;position:relative;overflow:hidden}.stat-card.success{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.info{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,-50%) rotate(180deg)}}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label,.stat-value{position:relative;z-index:1}.stat-label{opacity:.9;font-size:.9rem}