.app-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.main-content{max-width:1280px;margin:0 auto;padding:32px 24px;flex:1;width:100%}.nav-tabs{background:#fff;border-radius:16px;padding:20px;margin-bottom:32px;box-shadow:0 4px 16px #00000014;display:flex;gap:12px;flex-wrap:wrap;border:1px solid #e0e0e0}.nav-btn{padding:14px 28px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;letter-spacing:.3px}.nav-btn.active{background:linear-gradient(135deg,#2e7d32,#388e3c);color:#fff;box-shadow:0 4px 12px #2e7d324d;transform:translateY(-2px)}.nav-btn:not(.active){background:#f5f5f5;color:#424242}.nav-btn:not(.active):hover{background:#e8f5e9;color:#2e7d32;transform:translateY(-2px)}.welcome-banner{background:linear-gradient(135deg,#1b5e20,#2e7d32,#388e3c);color:#fff;padding:48px;border-radius:20px;margin-bottom:32px;position:relative;overflow:hidden;box-shadow:0 8px 24px #2e7d324d}.welcome-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,215,0,.2) 0%,transparent 70%);border-radius:50%}.welcome-banner h2{font-size:32px;font-weight:800;margin-bottom:12px;position:relative;z-index:1}.welcome-banner p{color:#c8e6c9;font-size:16px;font-weight:500;position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#fff;padding:32px;border-radius:20px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;border:1px solid #e0e0e0;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2e7d32,gold)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.stat-header h3{font-size:16px;font-weight:700;color:#424242;letter-spacing:.3px}.stat-icon{font-size:36px;opacity:.9}.stat-value{font-size:42px;font-weight:800;margin-bottom:8px;letter-spacing:-1px}.stat-label{font-size:14px;color:#757575;font-weight:500}.content-card{background:#fff;padding:32px;border-radius:20px;box-shadow:0 4px 16px #00000014;border:1px solid #e0e0e0}.content-card h3{font-size:22px;font-weight:800;margin-bottom:24px;color:#1b5e20}.note-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#fafafa;border-radius:16px;margin-bottom:16px;transition:all .3s ease;border:1px solid #e0e0e0}.note-item:hover{background:#e8f5e9;border-color:#2e7d32;transform:translate(4px)}.note-info{display:flex;align-items:center;gap:20px}.note-icon{width:48px;height:48px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;border:2px solid #a5d6a7}.note-details h4{font-size:16px;font-weight:700;color:#212121;margin-bottom:6px}.note-meta{font-size:14px;color:#757575;font-weight:500}.btn-view{background:linear-gradient(135deg,#2e7d32,#388e3c);color:#fff;padding:10px 24px;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease;box-shadow:0 2px 8px #2e7d3233}.btn-view:hover{background:linear-gradient(135deg,#1b5e20,#2e7d32);transform:translateY(-2px);box-shadow:0 4px 12px #2e7d324d}.footer{background:linear-gradient(135deg,#1b5e20,#2e7d32);color:#fff;padding:32px 24px;text-align:center;margin-top:auto;border-top:4px solid #ffd700}.footer p{font-size:15px;font-weight:600;margin-bottom:6px}.footer .footer-sub{font-size:13px;color:#a5d6a7;font-weight:500}.stat-value-green{color:#2e7d32}.stat-value-orange{color:#f57c00}.stat-value-purple{color:#7b1fa2}