:root{--bg-color:#0d1117;--sidebar-bg:#161b22b3;--card-bg:#21262db3;--border-color:#ffffff1a;--text-primary:#c9d1d9;--text-secondary:#8b949e;--accent-primary:#008843;--accent-hover:#00b050;--white:#fff;--title-color:#fff;--tooltip-bg:#21262d;--tooltip-text:#fff}[data-theme=light]{--bg-color:#f3f4f6;--sidebar-bg:#ffffffb3;--card-bg:#ffffffb3;--border-color:#0000001a;--text-primary:#374151;--text-secondary:#6b7280;--accent-primary:#008843;--accent-hover:#00b050;--white:#fff;--title-color:#111827;--tooltip-bg:#fff;--tooltip-text:#111827}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border-color);z-index:1000;flex-direction:column;width:250px;padding:20px 0;display:flex}.sidebar-logo{text-align:center;padding:0 20px 30px}.sidebar-logo img,.top-logo{background-color:#fffffff2;border-radius:12px;max-width:150px;padding:8px 16px;transition:transform .3s;box-shadow:0 4px 15px #0000001a}.sidebar-logo img:hover,.top-logo:hover{transform:scale(1.05)}.nav-item{color:var(--text-secondary);cursor:pointer;align-items:center;gap:12px;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item:after{content:attr(data-tooltip);background-color:var(--tooltip-bg);color:var(--tooltip-text);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border:1px solid var(--accent-primary);z-index:9999;border-radius:8px;margin-left:15px;padding:10px 14px;font-size:13px;transition:all .2s;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:0 4px 12px #00000080}.nav-item:hover:after{opacity:1;visibility:visible}.nav-item:hover,.nav-item.active{color:var(--title-color);background-color:var(--border-color);border-left:3px solid var(--accent-primary)}.nav-item svg{fill:currentColor;width:20px;height:20px}.main-content{flex:1;padding:40px;overflow-y:auto}.header{margin-bottom:40px}.header h1{color:var(--title-color);margin:0 0 10px;font-size:28px}.header p{color:var(--text-secondary);margin:0;font-size:16px}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.module-card{background-color:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;flex-direction:column;height:100%;padding:24px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.module-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#fff0 100%);width:100%;height:100%;position:absolute;top:0;left:0}.module-card:hover{border-color:var(--accent-primary);transform:translateY(-8px);box-shadow:0 12px 30px #00884333}.module-tag{color:var(--accent-primary);background-color:#00884326;border-radius:12px;align-self:flex-start;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.module-title{color:var(--title-color);margin:0 0 12px;font-size:18px;line-height:1.4}.module-desc{color:var(--text-secondary);flex-grow:1;margin:0 0 20px;font-size:14px}.progress-container{background-color:var(--border-color);border-radius:3px;width:100%;height:6px;margin-top:auto;overflow:hidden}.progress-bar{background-color:var(--accent-primary);border-radius:3px;height:100%;transition:width .3s}.filters-bar{flex-wrap:wrap;gap:16px;margin-bottom:30px;display:flex}.search-input,.select-filter{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--title-color);border-radius:8px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.search-input:focus,.select-filter:focus{border-color:var(--accent-primary)}.search-input{flex:1;min-width:200px}.detail-view{background-color:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:40px;position:relative;box-shadow:0 10px 30px #0000001a}.back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:0;font-family:inherit;font-size:14px;display:flex}.back-btn:hover{color:var(--title-color)}.detail-view h2{color:var(--title-color);margin-top:0;font-size:24px}.detail-section{margin-top:30px}.detail-section h3{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:16px}.detail-section p{color:var(--text-primary);border:1px solid var(--border-color);background-color:#ffffff05;border-radius:8px;margin:0;padding:16px;line-height:1.6}.btn-primary{background-color:var(--accent-primary);color:var(--white);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;margin-top:40px;padding:12px 24px;font-size:16px;font-weight:600;transition:background-color .2s;display:inline-flex}.btn-primary:hover{background-color:var(--accent-hover)}.btn-primary.completed{border:2px solid var(--accent-primary);color:var(--accent-primary);background-color:#0000}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{background-color:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);text-align:center;border-radius:16px;padding:24px;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}.stat-value{color:var(--title-color);margin-bottom:8px;font-size:36px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:14px}.global-progress{background-color:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;margin-bottom:40px;padding:30px;box-shadow:0 10px 30px #0000001a}.global-progress h3{margin-top:0}.bubbles-container{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bubble{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 30% 30%,#00884366,#0088431a);border-radius:50%;animation:15s ease-in infinite floatUp;position:absolute;bottom:-100px;box-shadow:inset 0 0 20px #fff3}@keyframes floatUp{0%{opacity:.8;transform:translateY(0)scale(1)translate(0)}50%{opacity:.5;transform:translateY(-60vh)scale(1.2)translate(30px)}to{opacity:0;transform:translateY(-120vh)scale(1.5)translate(-30px)}}.app-container{height:100vh;display:flex;position:relative;overflow:hidden}.main-content{z-index:10;flex:1;padding:40px;position:relative;overflow-y:auto}