*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{background:#0d1117;color:#c9d1d9}
.app{display:flex;flex-direction:column;height:100vh}

/* Header */
.header{background:#161b22;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30363d}
.menu-btn{background:transparent;border:none;color:#8b949e;font-size:18px;cursor:pointer}
.logo{display:flex;align-items:center;gap:8px}
.l-logo{font-size:24px;font-weight:900;background:linear-gradient(135deg,#ff7b72,#f78166);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.badge{background:#238636;color:#fff;padding:2px 6px;border-radius:12px;font-size:10px;margin-left:4px}
.header-right button{background:transparent;border:none;color:#8b949e;cursor:pointer;font-size:16px}

/* Sidebar */
.sidebar{position:fixed;top:0;left:-260px;width:260px;height:100%;background:#161b22;border-right:1px solid #30363d;transition:0.3s;z-index:1000}
.sidebar.active{left:0}
.sidebar-header{padding:16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #30363d}
.sidebar-header button{margin-left:auto;background:transparent;border:none;color:#8b949e;cursor:pointer}
.sidebar-menu a{display:flex;align-items:center;gap:12px;padding:14px 20px;color:#8b949e;text-decoration:none}
.sidebar-menu a.active{color:#f0f6fc;background:#1f252e;border-left:3px solid #f78166}

/* Main Content */
.main{flex:1;overflow-y:auto;padding:16px}
.page{display:none}
.page.active{display:block}

/* Search */
.search-box{display:flex;gap:8px;margin-bottom:20px}
.search-box input{flex:1;padding:12px;background:#0d1117;border:1px solid #30363d;border-radius:8px;color:#fff;font-size:16px}
.search-box button{padding:12px 20px;background:#238636;border:none;border-radius:8px;color:#fff;cursor:pointer}

/* Profile */
.profile{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:20px;margin-bottom:20px}
.profile img{width:80px;height:80px;border-radius:50%;margin-bottom:10px}
.profile h2{font-size:24px;margin-bottom:4px}
.login{color:#8b949e;margin-bottom:8px}
.bio{color:#c9d1d9;margin-bottom:12px}
.meta{display:flex;gap:20px;color:#8b949e;font-size:14px}

/* Stats Grid */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.stat-card{background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:15px;text-align:center}
.stat-number{font-size:28px;font-weight:700;color:#f78166}

/* PR Card */
.pr-card{background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:15px;margin:20px 0}
.pr-bar{height:8px;background:#30363d;border-radius:4px;margin:10px 0;overflow:hidden}
.pr-fill{height:100%;background:#f78166;width:33%}
.pr-stats{display:flex;justify-content:space-between;color:#8b949e;font-size:14px}

/* Tabs */
.tabs{display:flex;gap:20px;border-bottom:1px solid #30363d;margin-bottom:20px}
.tab{padding:8px 0;color:#8b949e;cursor:pointer}
.tab.active{color:#f0f6fc;border-bottom:2px solid #f78166}

/* Repo Items */
.repo-item{background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:15px;margin-bottom:10px;cursor:pointer}
.repo-item h4{color:#f0f6fc;margin-bottom:6px}
.repo-meta{display:flex;gap:20px;color:#8b949e;font-size:13px;margin-top:8px}

/* Recent Items */
.recent-item{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:15px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
.recent-item button{padding:6px 12px;background:#238636;border:none;border-radius:4px;color:#fff;cursor:pointer}

/* Settings */
.setting-item{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:15px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
.setting-item button{background:#da3633;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}

/* Modal */
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:2000}
.modal.active{display:flex;align-items:center;justify-content:center}
.modal-content{width:90%;height:80%;background:#161b22;border-radius:12px;display:flex;flex-direction:column}
.modal-header{padding:16px;border-bottom:1px solid #30363d;display:flex;justify-content:space-between}
.modal-body{flex:1;display:flex;overflow:hidden}
.file-list{width:30%;border-right:1px solid #30363d;overflow-y:auto;padding:10px}
.file-item{padding:8px;cursor:pointer;border-radius:4px;color:#8b949e}
.file-item:hover{background:#1f252e;color:#f0f6fc}
.file-preview{width:70%;padding:16px;overflow-y:auto}
.file-preview pre{background:#0d1117;padding:16px;border-radius:8px;color:#e6edf3;font-family:monospace;white-space:pre-wrap}

/* Responsive */
@media(min-width:768px){
    .sidebar{left:0}
    .main{margin-left:260px}
    .menu-btn{display:none}
}