:root{--transition-speed:0.3s;--transition-smooth:0.4s cubic-bezier(0.16,1,0.3,1);--border-radius:12px;--border-radius-lg:20px;--border-radius-xl:24px;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000029;--shadow-xl:0 12px 48px #0003;--primary:#1e40af;--primary-dark:#1e3a8a;--secondary:#0c4a6e;--accent:#5b21b6;--background:#fff;--card:#f8fafc;--card-light:#fff;--text:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border:#e2e8f0;--border-light:#cbd5e1;--gradient:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);--gradient-accent:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);--gradient-light:linear-gradient(135deg,#1e40af14,#1e3a8a14);--box-primary:#0ea5e9;--box-primary-light:#0ea5e914;--box-primary-glow:#0ea5e91f;--box-shadow-hover:0 16px 32px #0ea5e914;--box-glow:0 0 32px #0ea5e926;--pillar-blue:linear-gradient(135deg,#0ea5e9,#0369a1);--pillar-text-gradient:linear-gradient(135deg,#0ea5e9,#0369a1)}*,:after,:before{-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;background:var(--background);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;text-rendering:optimizeLegibility;transform:translateZ(0);width:100%}.home-container{contain:layout style paint;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.home-container.light-mode{background:#fff;background:var(--background);color:#1e293b;color:var(--text)}.background-canvas{height:100%;pointer-events:none;width:100%;will-change:transform;z-index:-1}.background-canvas,.scroll-progress{left:0;position:fixed;top:0;transform:translateZ(0)}.scroll-progress{background:linear-gradient(135deg,#0ea5e9,#0369a1);background:var(--pillar-blue);height:3px;transition:width .1s ease;will-change:width;z-index:1000}.section-container{margin:0 auto;max-width:1280px;padding:0 1.5rem;width:100%}@media (max-width:1200px){.section-container{padding:0 2rem}}@media (max-width:992px){.section-container{padding:0 1.5rem}}@media (max-width:768px){.section-container{padding:0 1.25rem}}@media (max-width:576px){.section-container{padding:0 1rem}}@media (max-width:400px){.section-container{padding:0 .75rem}}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000001a;left:0;padding:.875rem 0;position:fixed;right:0;top:0;transform:translateZ(0);transition:all .4s cubic-bezier(.16,1,.3,1);transition:all var(--transition-smooth);width:100%;will-change:transform,backdrop-filter,background-color;z-index:1000}@media (max-width:768px){.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.75rem 0}}.nav-container{gap:1.5rem;max-width:1280px;padding:0 1.5rem}@media (max-width:1200px){.nav-container{padding:0 2rem}}@media (max-width:992px){.nav-container{gap:1rem;padding:0 1.5rem}}@media (max-width:768px){.nav-container{gap:.75rem;padding:0 1.25rem}}@media (max-width:576px){.nav-container{padding:0 1rem}}.nav-brand{flex:0 0 auto;gap:1rem;min-width:0}.logo{align-items:center;cursor:pointer;display:flex;flex-shrink:0;gap:.5rem;padding:.25rem 0;text-decoration:none;transition:transform .4s cubic-bezier(.16,1,.3,1);transition:transform var(--transition-smooth);will-change:transform}.logo:hover{transform:scale(1.05)}.logo-icon{color:#1e40af;color:var(--primary);flex-shrink:0;height:32px;transition:transform .4s cubic-bezier(.16,1,.3,1);transition:transform var(--transition-smooth);width:32px}@media (max-width:768px){.logo-icon{height:28px;width:28px}}.logo-text span{color:#5b21b6;color:var(--accent);font-weight:900}@media (max-width:768px){.logo-text{font-size:1.125rem}}@media (max-width:480px){.logo-text{font-size:1rem}}.nav-tagline{border-left:2px solid #e2e8f0;border-left:2px solid var(--border);color:#1e293b;color:var(--text);display:block;font-size:.875rem;font-weight:500;line-height:1.4;opacity:.9;overflow:hidden;padding-left:1rem;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.nav-tagline{display:none}}.nav-menu{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:flex-end;position:relative}@media (max-width:768px){.nav-menu{gap:.5rem}}.mobile-menu-btn{align-items:center;background:#1e40af1a;border-radius:8px;color:#1e293b;color:var(--text);flex-shrink:0;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);transition:all var(--transition-smooth);will-change:transform,background-color}@media (max-width:1024px){.mobile-menu-btn{display:flex}}.mobile-menu-btn:hover{background:#1e40af33;transform:scale(1.05)}.mobile-menu-btn:active{transform:scale(.95);transition:transform .1s ease}.nav-links{align-items:center;flex-direction:row;gap:1.25rem;width:auto}@media (max-width:1024px){.nav-links{animation:slideDown .3s cubic-bezier(.16,1,.3,1) forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 4px 20px #0000001a;display:none;flex-direction:column;gap:.75rem;left:0;max-height:calc(100vh - 70px);overflow-y:auto;padding:1.5rem;position:fixed;right:0;top:70px;transform-origin:top center;width:100%;z-index:999}.nav-links.active{display:flex}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.nav-link{align-items:center;background:none;border:none;color:#1e293b;color:var(--text);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;opacity:.9;padding:.5rem .75rem;position:relative;text-align:center;text-decoration:none;transform:translateZ(0);transition:all .4s cubic-bezier(.16,1,.3,1);transition:all var(--transition-smooth);white-space:nowrap;will-change:transform,color}@media (max-width:1024px){.nav-link{border-radius:8px;font-size:1rem;justify-content:flex-start;padding:.875rem 1rem;width:100%}.nav-link:hover{background:#1e40af1a}}.nav-link:hover{color:#1e40af;color:var(--primary);opacity:1;transform:translateY(-2px)}.nav-link:after{background:linear-gradient(135deg,#1e40af,#5b21b6);background:var(--gradient-accent);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .4s cubic-bezier(.16,1,.3,1);transition:width var(--transition-smooth);width:0;will-change:width,transform}.nav-link.active:after,.nav-link:hover:after{width:80%}@media (max-width:1024px){.nav-link:after{display:none}}.nav-link-classroom{background:linear-gradient(135deg,#1e40af1a,#5b21b61a)!important;border:1px solid #1e40af33!important;border-radius:8px!important;padding:.5rem 1rem!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;transition:all var(--transition-smooth)!important}.nav-link-classroom:hover{background:linear-gradient(135deg,#1e40af33,#5b21b633)!important;box-shadow:0 4px 12px #1e40af33;transform:translateY(-2px)!important}.dropdown-toggle,.nav-link-dropdown{position:relative}.dropdown-toggle{align-items:center;background:none;border:none;border-radius:8px;color:#1e293b;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;margin:0;opacity:.9;padding:.5rem .75rem;text-align:left;transition:all .4s cubic-bezier(.16,1,.3,1);transition:all var(--transition-smooth);white-space:nowrap;width:auto;will-change:transform,color,background-color;z-index:1001}.dropdown-toggle:hover{background:#1e40af0d;color:#1e40af;color:var(--primary);opacity:1}.dropdown-chevron{color:#64748b;color:var(--text-muted);margin-left:4px;transition:transform .4s cubic-bezier(.16,1,.3,1);transition:transform var(--transition-smooth);will-change:transform}.dropdown-chevron.rotated{color:#1e40af;color:var(--primary);transform:rotate(180deg)}.dropdown-menu{animation:dropdownFadeIn .25s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 30px #0000001f,0 0 0 1px #0000000d,0 4px 12px #1e40af14;left:0;min-width:240px;opacity:0;padding:.75rem;pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translateY(-8px) scale(.98);transform-style:preserve-3d;transition:all .3s cubic-bezier(.16,1,.3,1);visibility:hidden;will-change:transform,opacity;z-index:1000}.dropdown-menu.active,.dropdown-menu.show{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible}.dropdown-menu:before{background:#fff;border-left:1px solid #e2e8f0;border-left:1px solid var(--border);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);content:"";height:12px;left:20px;position:absolute;top:-6px;transform:rotate(45deg);width:12px;z-index:-1}.dropdown-item{border-radius:8px;color:#1e293b;color:var(--text);font-size:.95rem;gap:.75rem;margin-bottom:2px;padding:.75rem;position:relative;transform:translateZ(0);transition:all .25s cubic-bezier(.16,1,.3,1);will-change:transform,background-color;z-index:1002}.dropdown-item:hover{background:linear-gradient(135deg,#1e40af14,#1e3a8a14);background:var(--gradient-light);transform:translateX(4px)}.dropdown-item:last-child{margin-bottom:0}.dropdown-item-icon{align-items:center;background:linear-gradient(135deg,#1e3a8a,#1e40af);background:var(--gradient);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;transition:transform .4s cubic-bezier(.16,1,.3,1);transition:transform var(--transition-smooth);width:32px}.dropdown-item:hover .dropdown-item-icon{transform:scale(1.1)}.dropdown-item-text{flex:1 1;font-size:.95rem;font-weight:600;transition:color .4s cubic-bezier(.16,1,.3,1);transition:color var(--transition-smooth)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1024px){.nav-link-dropdown{width:100%}.dropdown-toggle{background:#1e40af0d;border-radius:8px;font-size:1rem;justify-content:space-between;padding:.875rem 1rem;width:100%}.dropdown-menu{animation:none;background:#ffffff0d;border:1px solid #e2e8f0;border:1px solid var(--border);box-shadow:none;margin:.5rem 0 .5rem 1rem;max-height:0;min-width:0;min-width:auto;opacity:0;overflow:hidden;pointer-events:none;position:static;transform:translateY(-8px) scale(.98);transition:all .3s cubic-bezier(.16,1,.3,1);visibility:hidden;width:calc(100% - 2rem);will-change:transform,max-height}.dropdown-menu.active{margin-bottom:.5rem;margin-top:.5rem;max-height:500px;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible}.dropdown-menu:before{display:none}.dropdown-item{background:#ffffff1a;border-radius:8px;color:#1e293b!important;color:var(--text)!important;margin-bottom:2px;padding:.75rem}.dropdown-item:hover{background:#1e40af1a;transform:translateX(4px)}.nav-link-dropdown .dropdown-menu{display:none}.nav-link-dropdown .dropdown-menu.active{display:block}}@media (min-width:1025px){.nav-link-dropdown:hover .dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible}.nav-link-dropdown:hover .dropdown-toggle{color:#1e40af;color:var(--primary)}.nav-link-dropdown:hover .dropdown-chevron{color:#1e40af;color:var(--primary);transform:rotate(180deg)}}.nav-actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:.75rem;justify-content:flex-end}@media (max-width:1200px){.nav-actions{gap:.5rem}}.user-info{background:#1e40af1a;border:1px solid #1e40af4d;border-radius:8px;color:#1e293b;color:var(--text);flex-shrink:0;font-size:.875rem;gap:.5rem;max-width:180px;min-width:0;overflow:hidden;padding:.5rem .75rem;transition:all .4s cubic-bezier(.16,1,.3,1);transition:all var(--transition-smooth)}@media (max-width:768px){.user-info{display:none}}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.btn,.user-name{white-space:nowrap}.btn{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:none;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1.5;min-height:44px;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transform:translateZ(0);transition:all .4s cubic-bezier(.16,1,.3,1);transition:all var(--transition-smooth);will-change:transform,box-shadow,background-color}@media (max-width:768px){.btn{font-size:.875rem;min-height:40px;padding:.625rem 1.25rem}}@media (max-width:480px){.btn{font-size:.8125rem;min-height:36px;padding:.5rem 1rem}}.btn-primary{background:linear-gradient(135deg,#1e40af,#5b21b6);background:var(--gradient-accent);border:none;box-shadow:0 4px 15px #1e40af4d}.btn-primary:hover{box-shadow:0 8px 25px #1e40af66;transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px);transition:transform .1s ease}.btn-secondary{background:#1e40af1a;border:2px solid #1e40af4d;color:#1e40af;color:var(--primary)}.btn-secondary:hover{background:#1e40af33;box-shadow:0 4px 15px #1e40af33;transform:translateY(-3px)}.btn-logout{align-items:center;background:#0000!important;border:1px solid #ef4444!important;border:1px solid var(--danger)!important;color:#ef4444!important;color:var(--danger)!important;display:flex!important;font-size:.875rem!important;gap:.5rem;min-height:44px;padding:.5rem 1rem!important;transition:all .4s cubic-bezier(.16,1,.3,1);transition:all var(--transition-smooth)}.btn-logout:hover{background:#b91c1c1a!important;transform:translateY(-2px)}.btn-small{min-height:40px;padding:.5rem 1rem}.language-toggle-btn{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:22px;color:#1e293b;color:var(--text);cursor:pointer;display:flex;flex-shrink:0;gap:.5rem;height:44px;justify-content:center;min-width:44px;padding:0 .875rem;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);transition:all var(--transition-smooth);width:auto;will-change:transform,background-color}.language-toggle-btn:hover{background:#1e40af1a;border-color:#1e40af;border-color:var(--primary);transform:translateY(-2px)}.language-text{font-size:.875rem;font-weight:600;white-space:nowrap}@media (max-width:768px){.language-text{display:none}}.carousel-section{contain:strict;height:75vh;margin-top:70px;max-height:650px;min-height:500px;overflow:hidden;position:relative;width:100%}@media (max-width:1200px){.carousel-section{height:70vh;max-height:600px;min-height:450px}}@media (max-width:992px){.carousel-section{height:65vh;margin-top:65px;max-height:550px;min-height:400px}}@media (max-width:768px){.carousel-section{height:60vh;max-height:500px;min-height:350px}}@media (max-width:576px){.carousel-section{height:55vh;max-height:450px;min-height:300px}}@media (max-height:600px) and (orientation:landscape){.carousel-section{height:70vh;max-height:450px;min-height:350px}}@supports (-webkit-touch-callout:none){.carousel-section{height:-webkit-fill-available;max-height:650px;min-height:-webkit-fill-available}}.carousel-images-track{transform:translateZ(0);will-change:transform;z-index:1}.carousel-image,.carousel-images-track{height:100%;left:0;position:absolute;top:0;width:100%}.carousel-image{animation:zoomOut 20s linear infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#1e3a8a;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;filter:brightness(.7);image-rendering:crisp-edges;opacity:0;transform:scale(1.05);transform-style:preserve-3d;transition:opacity 1.2s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.carousel-image.active{animation:zoomOut 20s linear infinite;opacity:1}@keyframes zoomOut{0%{transform:scale(1.05)}to{transform:scale(1)}}.hero-fixed-overlay{align-items:center;display:flex;height:100%;justify-content:flex-start;left:0;padding:2rem;position:absolute;top:0;transform:translateZ(0);width:100%;will-change:transform;z-index:2}@media (max-width:1200px){.hero-fixed-overlay{padding:1.75rem}}@media (max-width:992px){.hero-fixed-overlay{align-items:center;justify-content:center;padding:1.5rem;text-align:center}}@media (max-width:768px){.hero-fixed-overlay{padding:1.25rem}}@media (max-width:576px){.hero-fixed-overlay{padding:1rem}}.hero-overlay-content{align-items:flex-start;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .3s both;color:#fff;display:flex;justify-content:flex-start;max-width:1280px;padding:0 2rem;text-align:left;width:100%}@media (max-width:992px){.hero-overlay-content{align-items:center;justify-content:center;text-align:center}}.hero-left-section{flex:1 1;max-width:900px}@media (max-width:1200px){.hero-left-section{max-width:800px}}@media (max-width:992px){.hero-left-section{max-width:700px;text-align:center}}@media (max-width:768px){.hero-left-section{max-width:600px}}.hero-title{-webkit-text-fill-color:#0000;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .5s both;background:linear-gradient(135deg,#fff,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:3rem;letter-spacing:-.5px;line-height:1.1;margin-bottom:1.5rem;text-rendering:optimizeLegibility;text-shadow:0 4px 20px #0000004d}@media (max-width:1200px){.hero-title{font-size:2.75rem}}@media (max-width:992px){.hero-title{font-size:2.5rem;margin-bottom:1.25rem}}@media (max-width:768px){.hero-title{font-size:2.25rem;margin-bottom:1rem}}@media (max-width:576px){.hero-title{font-size:2rem;line-height:1.2}}@media (max-width:400px){.hero-title{font-size:1.75rem}}.hero-commitment{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .7s both;color:#fffffff2;font-size:1.3rem;font-weight:400;line-height:1.6;margin:0;max-width:800px;text-shadow:0 2px 10px #0000004d}@media (max-width:1200px){.hero-commitment{font-size:1.2rem}}@media (max-width:992px){.hero-commitment{font-size:1.15rem;line-height:1.5}}@media (max-width:768px){.hero-commitment{font-size:1.05rem}}@media (max-width:576px){.hero-commitment{font-size:.95rem;line-height:1.4}}.carousel-control{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000b3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;min-height:50px;min-width:50px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.16,1,.3,1);width:50px;will-change:transform,background-color;z-index:3}@media (max-width:768px){.carousel-control{display:none}}.carousel-control:hover{background:#000000e6;border-color:#1e40af;border-color:var(--primary);transform:translateY(-50%) scale(1.1)}.carousel-control.prev{left:20px}.carousel-control.next{right:20px}.carousel-indicators{bottom:20px;display:flex;gap:10px;justify-content:center;left:0;position:absolute;right:0;transform:translateZ(0);will-change:transform;z-index:3}@media (max-width:768px){.carousel-indicators{bottom:15px}}@media (max-width:576px){.carousel-indicators{bottom:10px;gap:8px}}.carousel-indicator{background:#fff3;border:2px solid #ffffff80;border-radius:50%;cursor:pointer;height:10px;min-height:10px;min-width:10px;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1);width:10px;will-change:transform,background-color}@media (max-width:576px){.carousel-indicator{height:8px;min-height:8px;min-width:8px;width:8px}}.carousel-indicator:hover{background:#fff6;border-color:#fffc;transform:scale(1.2)}.carousel-indicator.active{background:#1e40af;background:var(--primary);border-color:#1e40af;border-color:var(--primary);box-shadow:0 0 20px #1e40af80;transform:scale(1.3)}.about-section{background:linear-gradient(135deg,#fff,#f8fafc);contain:layout style paint;overflow:hidden;padding:80px 0;position:relative;width:100%}@media (max-width:1200px){.about-section{padding:70px 0}}@media (max-width:992px){.about-section{padding:60px 0}}@media (max-width:768px){.about-section{padding:50px 0}}@media (max-width:576px){.about-section{padding:40px 0}}.about-content-wrapper{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:2}@media (max-width:1200px){.about-content-wrapper{gap:50px;padding:0 2rem}}@media (max-width:992px){.about-content-wrapper{gap:40px;grid-template-columns:1fr;padding:0 1.5rem}}@media (max-width:768px){.about-content-wrapper{gap:30px;padding:0 1.25rem}}@media (max-width:576px){.about-content-wrapper{gap:25px;padding:0 1rem}}.about-left-column{display:flex;flex-direction:column;gap:28px;position:relative}@media (max-width:768px){.about-left-column{gap:24px}}@media (max-width:576px){.about-left-column{gap:20px}}.about-main-title{-webkit-text-fill-color:#0000;animation:slideInLeft .8s cubic-bezier(.16,1,.3,1) both;background:linear-gradient(135deg,#0ea5e9,#0369a1);background:var(--pillar-text-gradient);-webkit-background-clip:text;background-clip:text;border-image:linear-gradient(180deg,#0ea5e9,#0369a1) 1;border-left:4px solid;font-size:2.8rem;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0;padding-left:24px;position:relative;text-align:left;text-transform:uppercase}@media (max-width:1200px){.about-main-title{font-size:2.5rem}}@media (max-width:992px){.about-main-title{border-bottom:4px solid;border-image:linear-gradient(90deg,#0ea5e9,#0369a1) 1;border-left:none;font-size:2.25rem;padding-bottom:10px;padding-left:0;text-align:center}}@media (max-width:768px){.about-main-title{font-size:2rem}}@media (max-width:576px){.about-main-title{font-size:1.75rem}}@media (max-width:400px){.about-main-title{font-size:1.5rem}}.about-description-container{display:flex;flex-direction:column;gap:28px}@media (max-width:768px){.about-description-container{gap:24px}}@media (max-width:576px){.about-description-container{gap:20px}}.description-part{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) .2s both;color:#475569;font-size:1.15rem;line-height:1.8;margin:0;text-align:justify}@media (max-width:1200px){.description-part{font-size:1.1rem;line-height:1.7}}@media (max-width:992px){.description-part{font-size:1.05rem;line-height:1.6;text-align:left}}@media (max-width:768px){.description-part{font-size:1rem;line-height:1.6}}@media (max-width:576px){.description-part{font-size:.95rem;line-height:1.5}}.description-part.responsibility{animation:slideInRight .8s cubic-bezier(.16,1,.3,1) .4s both;background:linear-gradient(135deg,#0ea5e914,#0369a114);border-left:4px solid #0ea5e9;border-radius:20px;color:#0c4a6e;font-weight:600;padding:28px}@media (max-width:992px){.description-part.responsibility{border-radius:16px;padding:24px}}@media (max-width:768px){.description-part.responsibility{border-radius:14px;padding:20px}}@media (max-width:576px){.description-part.responsibility{border-radius:12px;padding:16px}}.about-right-column{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) .6s both;height:100%;perspective:1000px;position:relative}@media (max-width:992px){.about-right-column{order:-1}}.about-image-container{border-radius:24px;box-shadow:0 20px 40px #0ea5e926,0 0 0 1px #0ea5e91a;height:500px;overflow:hidden;transform-style:preserve-3d;transition:all .5s cubic-bezier(.16,1,.3,1);width:100%;will-change:transform,box-shadow}@media (max-width:1200px){.about-image-container{height:450px}}@media (max-width:992px){.about-image-container{height:400px;margin:0 auto;max-width:600px}}@media (max-width:768px){.about-image-container{border-radius:20px;height:350px}}@media (max-width:576px){.about-image-container{border-radius:16px;height:300px}}.about-image-container:hover{box-shadow:0 30px 60px #0ea5e940,0 0 0 1px #0ea5e933;transform:translateY(-10px) rotateX(2deg) rotateY(-2deg)}.about-image{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);width:100%;will-change:transform}.about-image-container:hover .about-image{transform:scale(1.05)}.about-boxes-container{margin:80px auto 0;max-width:1200px;padding:0 20px;position:relative;z-index:2}@media (max-width:1200px){.about-boxes-container{margin:70px auto 0;padding:0 2rem}}@media (max-width:992px){.about-boxes-container{margin:60px auto 0;padding:0 1.5rem}}@media (max-width:768px){.about-boxes-container{margin:50px auto 0;padding:0 1.25rem}}@media (max-width:576px){.about-boxes-container{margin:40px auto 0;padding:0 1rem}}.about-boxes-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);position:relative;width:100%}@media (max-width:1200px){.about-boxes-grid{gap:20px}}@media (max-width:992px){.about-boxes-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-boxes-grid{gap:20px}}@media (max-width:640px){.about-boxes-grid{gap:20px;grid-template-columns:1fr;margin:0 auto;max-width:400px}}.about-box-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0f172a;border-radius:20px;box-shadow:0 4px 20px #0f172a1a;cursor:pointer;height:350px;isolation:isolate;overflow:hidden;position:relative;transform:translateZ(0);transform-style:preserve-3d;transition:all .4s cubic-bezier(.16,1,.3,1);will-change:transform,box-shadow}@media (max-width:1200px){.about-box-card{border-radius:18px;height:320px}}@media (max-width:992px){.about-box-card{border-radius:16px;height:300px}}@media (max-width:768px){.about-box-card{border-radius:16px;height:280px}}@media (max-width:640px){.about-box-card{height:260px;margin:0 auto;max-width:400px;width:100%}}@media (max-width:576px){.about-box-card{border-radius:14px;height:240px}}@media (max-width:400px){.about-box-card{border-radius:12px;height:220px}}.about-box-card:hover{box-shadow:0 20px 40px #0ea5e933,0 0 0 1px #0ea5e91a;transform:translateY(-8px) scale(1.02)}.pillar-image-container{border-radius:inherit;overflow:hidden;transform:translateZ(0);z-index:1}.about-box-bg,.pillar-image-container{height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform}.about-box-bg{background-color:#0f172a;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;transform:scale(1.05);transition:transform .8s cubic-bezier(.16,1,.3,1)}.about-box-card:hover .about-box-bg{transform:scale(1.1)}.about-box-overlay{background:linear-gradient(180deg,#0f172a4d,#0f172ab3);height:100%;left:0;position:absolute;top:0;transition:background .4s cubic-bezier(.16,1,.3,1);width:100%;will-change:background}.about-box-card:hover .about-box-overlay{background:linear-gradient(180deg,#0f172a33,#0f172a99)}.about-box-default-content{color:#fff;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .3s cubic-bezier(.16,1,.3,1);width:80%;will-change:opacity,transform;z-index:2}.about-box-card:hover .about-box-default-content{opacity:0;pointer-events:none}.about-box-default-icon{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0ea5e91a;border-radius:16px;display:flex;height:56px;justify-content:center;margin:0 auto 1rem;transition:transform .3s cubic-bezier(.16,1,.3,1);width:56px;will-change:transform,backdrop-filter}.about-box-card:hover .about-box-default-icon{transform:scale(1.1)}@media (max-width:1200px){.about-box-default-icon{height:50px;margin-bottom:.875rem;width:50px}}@media (max-width:992px){.about-box-default-icon{height:48px;margin-bottom:.75rem;width:48px}}@media (max-width:768px){.about-box-default-icon{height:44px;margin-bottom:.625rem;width:44px}}@media (max-width:576px){.about-box-default-icon{height:40px;margin-bottom:.5rem;width:40px}}.about-box-default-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#0369a1);background:var(--pillar-text-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:1px;line-height:1.3;margin:0 0 .75rem;text-align:center;text-transform:uppercase;transition:transform .3s cubic-bezier(.16,1,.3,1);will-change:transform}.about-box-card:hover .about-box-default-name{transform:translateY(-10px)}@media (max-width:1200px){.about-box-default-name{font-size:1.4rem}}@media (max-width:992px){.about-box-default-name{font-size:1.3rem;margin-bottom:.625rem}}@media (max-width:768px){.about-box-default-name{font-size:1.2rem;margin-bottom:.5rem}}@media (max-width:576px){.about-box-default-name{font-size:1.1rem}}@media (max-width:400px){.about-box-default-name{font-size:1rem}}.about-box-detailed-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(0deg,#0f172af2,#0f172acc);border-radius:inherit;bottom:0;color:#fff;display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;padding:1.5rem;position:absolute;right:0;transform:translateY(100%) scale(.98);transition:transform .4s cubic-bezier(.16,1,.3,1);will-change:transform,backdrop-filter;z-index:3}.about-box-detailed-content.visible{transform:translateY(0) scale(1)}@media (max-width:1200px){.about-box-detailed-content{padding:1.25rem}}@media (max-width:992px){.about-box-detailed-content{padding:1.125rem}}@media (max-width:768px){.about-box-detailed-content{padding:1rem}}@media (max-width:576px){.about-box-detailed-content{padding:.875rem}}@media (max-width:400px){.about-box-detailed-content{padding:.75rem}}.about-box-detailed-header{align-items:center;animation:slideInLeft .3s cubic-bezier(.16,1,.3,1) .1s both;display:flex;gap:1rem;margin-bottom:1rem}@media (max-width:1200px){.about-box-detailed-header{gap:.875rem;margin-bottom:.875rem}}@media (max-width:768px){.about-box-detailed-header{gap:.75rem;margin-bottom:.75rem}}@media (max-width:576px){.about-box-detailed-header{gap:.625rem;margin-bottom:.625rem}}.about-box-detailed-icon{align-items:center;background:#0ea5e91a;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:transform .3s cubic-bezier(.16,1,.3,1);width:40px;will-change:transform}.about-box-detailed-header:hover .about-box-detailed-icon{transform:rotate(15deg) scale(1.1)}@media (max-width:1200px){.about-box-detailed-icon{height:38px;width:38px}}@media (max-width:992px){.about-box-detailed-icon{height:36px;width:36px}}@media (max-width:768px){.about-box-detailed-icon{height:34px;width:34px}}@media (max-width:576px){.about-box-detailed-icon{height:32px;width:32px}}.about-box-detailed-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#0369a1);background:var(--pillar-text-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;letter-spacing:1px;line-height:1.3;margin:0;text-align:left;text-transform:uppercase}@media (max-width:1200px){.about-box-detailed-name{font-size:1.2rem}}@media (max-width:992px){.about-box-detailed-name{font-size:1.15rem}}@media (max-width:768px){.about-box-detailed-name{font-size:1.125rem}}@media (max-width:576px){.about-box-detailed-name{font-size:1rem}}@media (max-width:400px){.about-box-detailed-name{font-size:.95rem}}.about-box-detailed-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;animation:fadeIn .3s cubic-bezier(.16,1,.3,1) .2s both;color:#ffffffe6;display:-webkit-box;flex:1 1;font-size:.875rem;line-height:1.5;margin:0 0 1rem;overflow:hidden;text-align:left}@media (max-width:1200px){.about-box-detailed-desc{font-size:.85rem;line-height:1.45;margin-bottom:.875rem}}@media (max-width:992px){.about-box-detailed-desc{font-size:.825rem;line-height:1.4;margin-bottom:.75rem}}@media (max-width:768px){.about-box-detailed-desc{-webkit-line-clamp:2;font-size:.8125rem;line-height:1.4;margin-bottom:.625rem}}@media (max-width:576px){.about-box-detailed-desc{-webkit-line-clamp:2;font-size:.75rem;line-height:1.35}}.about-box-detailed-actions{animation:slideInUp .3s cubic-bezier(.16,1,.3,1) .3s both;display:flex;flex-direction:column;gap:.75rem;margin-top:auto}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.about-box-detailed-actions{gap:.625rem}}@media (max-width:576px){.about-box-detailed-actions{gap:.5rem}}.about-box-visit-btn{align-items:center;background:#0ea5e9;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;padding:.75rem 1.25rem;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%;will-change:transform,box-shadow}.about-box-visit-btn:hover{background:#38bdf8;box-shadow:0 8px 25px #0ea5e966;transform:translateY(-3px) scale(1.02)}@media (max-width:1200px){.about-box-visit-btn{font-size:.875rem;min-height:42px;padding:.6875rem 1.125rem}}@media (max-width:992px){.about-box-visit-btn{font-size:.85rem;min-height:40px;padding:.625rem 1rem}}@media (max-width:768px){.about-box-visit-btn{font-size:.8125rem;min-height:38px;padding:.5625rem .875rem}}@media (max-width:576px){.about-box-visit-btn{font-size:.75rem;min-height:36px;padding:.5rem .75rem}}.about-box-page-btn{align-items:center;background:#0000;border:2px solid #0ea5e9;border-radius:8px;color:#0ea5e9;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;text-align:center;transition:all .3s cubic-bezier(.16,1,.3,1);will-change:transform,background-color}.about-box-page-btn:hover{background:#0ea5e91a;transform:translateY(-2px) scale(1.02)}@media (max-width:1200px){.about-box-page-btn{font-size:.825rem;padding:.5625rem 1.125rem}}@media (max-width:992px){.about-box-page-btn{font-size:.8rem;padding:.5rem 1rem}}@media (max-width:768px){.about-box-page-btn{font-size:.75rem;padding:.4375rem .875rem}}@media (max-width:576px){.about-box-page-btn{font-size:.7rem;padding:.375rem .75rem}}.about-box-hover{background:linear-gradient(135deg,#0ea5e91a,#0000);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .4s cubic-bezier(.16,1,.3,1);width:100%;will-change:opacity;z-index:1}.about-box-hover.active{opacity:1}.risk-pillars-section{background:#fff;contain:layout style paint;padding:80px 0;position:relative;width:100%}@media (max-width:1200px){.risk-pillars-section{padding:70px 0}}@media (max-width:992px){.risk-pillars-section{padding:60px 0}}@media (max-width:768px){.risk-pillars-section{padding:50px 0}}@media (max-width:576px){.risk-pillars-section{padding:40px 0}}.risk-pillars-header{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}@media (max-width:1200px){.risk-pillars-header{gap:3rem;margin-bottom:3.5rem}}@media (max-width:992px){.risk-pillars-header{gap:2rem;grid-template-columns:1fr;margin-bottom:3rem}}@media (max-width:768px){.risk-pillars-header{gap:1.5rem;margin-bottom:2.5rem}}@media (max-width:576px){.risk-pillars-header{gap:1.25rem;margin-bottom:2rem}}.risk-pillars-title{animation:slideInLeft .8s cubic-bezier(.16,1,.3,1) both;border-left:4px solid #0ea5e9;color:#0f172a;font-size:3rem;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0;padding-left:1rem;position:relative;text-transform:uppercase}@media (max-width:1200px){.risk-pillars-title{font-size:2.75rem}}@media (max-width:992px){.risk-pillars-title{border-bottom:4px solid #0ea5e9;border-left:none;font-size:2.5rem;padding-bottom:10px;padding-left:0;text-align:center}}@media (max-width:768px){.risk-pillars-title{font-size:2.25rem}}@media (max-width:576px){.risk-pillars-title{font-size:2rem}}@media (max-width:400px){.risk-pillars-title{font-size:1.75rem}}.risk-pillars-description{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) .2s both;color:#475569;font-size:1.125rem;line-height:1.7;margin:0}@media (max-width:1200px){.risk-pillars-description{font-size:1.1rem;line-height:1.6}}@media (max-width:992px){.risk-pillars-description{font-size:1.05rem;text-align:center}}@media (max-width:768px){.risk-pillars-description{font-size:1rem;line-height:1.5}}@media (max-width:576px){.risk-pillars-description{font-size:.95rem}}.risk-pillars-subdescription{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) .4s both;border-top:1px solid #e2e8f0;color:#64748b;font-size:1rem;line-height:1.6;margin-top:1rem;padding-top:1rem}@media (max-width:768px){.risk-pillars-subdescription{font-size:.95rem;line-height:1.5}}@media (max-width:576px){.risk-pillars-subdescription{font-size:.9rem}}.risk-pillars-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);width:100%}@media (max-width:1200px){.risk-pillars-grid{gap:20px}}@media (max-width:992px){.risk-pillars-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.risk-pillars-grid{gap:20px}}@media (max-width:640px){.risk-pillars-grid{gap:20px;grid-template-columns:1fr;margin:0 auto;max-width:400px}}.risk-pillar-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0f172a;border-radius:20px;box-shadow:0 4px 20px #0f172a1a;cursor:pointer;height:350px;isolation:isolate;overflow:hidden;position:relative;transform:translateZ(0);transform-style:preserve-3d;transition:all .4s cubic-bezier(.16,1,.3,1);will-change:transform,box-shadow}@media (max-width:1200px){.risk-pillar-card{border-radius:18px;height:320px}}@media (max-width:992px){.risk-pillar-card{border-radius:16px;height:300px}}@media (max-width:768px){.risk-pillar-card{border-radius:16px;height:280px}}@media (max-width:640px){.risk-pillar-card{height:260px;margin:0 auto;max-width:400px;width:100%}}@media (max-width:576px){.risk-pillar-card{border-radius:14px;height:240px}}@media (max-width:400px){.risk-pillar-card{border-radius:12px;height:220px}}.risk-pillar-card:hover{box-shadow:0 20px 40px #0ea5e933,0 0 0 1px #0ea5e91a;transform:translateY(-8px) scale(1.02)}.risk-pillar-bg{background-color:#0f172a;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;height:100%;transform:scale(1.05);transition:transform .8s cubic-bezier(.16,1,.3,1);width:100%;will-change:transform}.risk-pillar-card:hover .risk-pillar-bg{transform:scale(1.1)}.risk-pillar-overlay{background:linear-gradient(180deg,#0f172a4d,#0f172ab3);height:100%;left:0;position:absolute;top:0;transition:background .4s cubic-bezier(.16,1,.3,1);width:100%;will-change:background}.risk-pillar-card:hover .risk-pillar-overlay{background:linear-gradient(180deg,#0f172a33,#0f172a99)}.risk-pillar-default-content{color:#fff;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .3s cubic-bezier(.16,1,.3,1);width:80%;will-change:opacity,transform;z-index:2}.risk-pillar-card:hover .risk-pillar-default-content{opacity:0;pointer-events:none}.risk-pillar-default-icon{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0ea5e91a;border-radius:16px;display:flex;height:56px;justify-content:center;margin:0 auto 1rem;transition:transform .3s cubic-bezier(.16,1,.3,1);width:56px;will-change:transform,backdrop-filter}.risk-pillar-card:hover .risk-pillar-default-icon{transform:scale(1.1)}@media (max-width:1200px){.risk-pillar-default-icon{height:50px;margin-bottom:.875rem;width:50px}}@media (max-width:992px){.risk-pillar-default-icon{height:48px;margin-bottom:.75rem;width:48px}}@media (max-width:768px){.risk-pillar-default-icon{height:44px;margin-bottom:.625rem;width:44px}}@media (max-width:576px){.risk-pillar-default-icon{height:40px;margin-bottom:.5rem;width:40px}}.risk-pillar-default-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#0369a1);background:var(--pillar-text-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:1px;line-height:1.3;margin:0 0 .75rem;text-align:center;text-transform:uppercase;transition:transform .3s cubic-bezier(.16,1,.3,1);will-change:transform}.risk-pillar-card:hover .risk-pillar-default-name{transform:translateY(-10px)}@media (max-width:1200px){.risk-pillar-default-name{font-size:1.4rem}}@media (max-width:992px){.risk-pillar-default-name{font-size:1.3rem;margin-bottom:.625rem}}@media (max-width:768px){.risk-pillar-default-name{font-size:1.2rem;margin-bottom:.5rem}}@media (max-width:576px){.risk-pillar-default-name{font-size:1.1rem}}@media (max-width:400px){.risk-pillar-default-name{font-size:1rem}}.risk-pillar-detailed-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(0deg,#0f172af2,#0f172acc);border-radius:inherit;bottom:0;color:#fff;display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;padding:1.5rem;position:absolute;right:0;transform:translateY(100%) scale(.98);transition:transform .4s cubic-bezier(.16,1,.3,1);will-change:transform,backdrop-filter;z-index:3}.risk-pillar-detailed-content.visible{transform:translateY(0) scale(1)}@media (max-width:1200px){.risk-pillar-detailed-content{padding:1.25rem}}@media (max-width:992px){.risk-pillar-detailed-content{padding:1.125rem}}@media (max-width:768px){.risk-pillar-detailed-content{padding:1rem}}@media (max-width:576px){.risk-pillar-detailed-content{padding:.875rem}}@media (max-width:400px){.risk-pillar-detailed-content{padding:.75rem}}.risk-pillar-detailed-header{align-items:center;animation:slideInLeft .3s cubic-bezier(.16,1,.3,1) .1s both;display:flex;gap:1rem;margin-bottom:1rem}@media (max-width:1200px){.risk-pillar-detailed-header{gap:.875rem;margin-bottom:.875rem}}@media (max-width:768px){.risk-pillar-detailed-header{gap:.75rem;margin-bottom:.75rem}}@media (max-width:576px){.risk-pillar-detailed-header{gap:.625rem;margin-bottom:.625rem}}.risk-pillar-detailed-icon{align-items:center;background:#0ea5e91a;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:transform .3s cubic-bezier(.16,1,.3,1);width:40px;will-change:transform}.risk-pillar-detailed-header:hover .risk-pillar-detailed-icon{transform:rotate(15deg) scale(1.1)}@media (max-width:1200px){.risk-pillar-detailed-icon{height:38px;width:38px}}@media (max-width:992px){.risk-pillar-detailed-icon{height:36px;width:36px}}@media (max-width:768px){.risk-pillar-detailed-icon{height:34px;width:34px}}@media (max-width:576px){.risk-pillar-detailed-icon{height:32px;width:32px}}.risk-pillar-detailed-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#0369a1);background:var(--pillar-text-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;letter-spacing:1px;line-height:1.3;margin:0;text-align:left;text-transform:uppercase}@media (max-width:1200px){.risk-pillar-detailed-name{font-size:1.2rem}}@media (max-width:992px){.risk-pillar-detailed-name{font-size:1.15rem}}@media (max-width:768px){.risk-pillar-detailed-name{font-size:1.125rem}}@media (max-width:576px){.risk-pillar-detailed-name{font-size:1rem}}@media (max-width:400px){.risk-pillar-detailed-name{font-size:.95rem}}.risk-pillar-detailed-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;animation:fadeIn .3s cubic-bezier(.16,1,.3,1) .2s both;color:#ffffffe6;display:-webkit-box;flex:1 1;font-size:.875rem;line-height:1.5;margin:0 0 1rem;overflow:hidden;text-align:left}@media (max-width:1200px){.risk-pillar-detailed-desc{font-size:.85rem;line-height:1.45;margin-bottom:.875rem}}@media (max-width:992px){.risk-pillar-detailed-desc{font-size:.825rem;line-height:1.4;margin-bottom:.75rem}}@media (max-width:768px){.risk-pillar-detailed-desc{-webkit-line-clamp:2;font-size:.8125rem;line-height:1.4;margin-bottom:.625rem}}@media (max-width:576px){.risk-pillar-detailed-desc{-webkit-line-clamp:2;font-size:.75rem;line-height:1.35}}.risk-pillar-detailed-actions{animation:slideInUp .3s cubic-bezier(.16,1,.3,1) .3s both;display:flex;flex-direction:column;gap:.75rem;margin-top:auto}@media (max-width:768px){.risk-pillar-detailed-actions{gap:.625rem}}@media (max-width:576px){.risk-pillar-detailed-actions{gap:.5rem}}.risk-pillar-visit-btn{align-items:center;background:#0ea5e9;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;padding:.75rem 1.25rem;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%;will-change:transform,box-shadow}.risk-pillar-visit-btn:hover{background:#38bdf8;box-shadow:0 8px 25px #0ea5e966;transform:translateY(-3px) scale(1.02)}@media (max-width:1200px){.risk-pillar-visit-btn{font-size:.875rem;min-height:42px;padding:.6875rem 1.125rem}}@media (max-width:992px){.risk-pillar-visit-btn{font-size:.85rem;min-height:40px;padding:.625rem 1rem}}@media (max-width:768px){.risk-pillar-visit-btn{font-size:.8125rem;min-height:38px;padding:.5625rem .875rem}}@media (max-width:576px){.risk-pillar-visit-btn{font-size:.75rem;min-height:36px;padding:.5rem .75rem}}.risk-pillar-page-btn{align-items:center;background:#0000;border:2px solid #0ea5e9;border-radius:8px;color:#0ea5e9;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;text-align:center;transition:all .3s cubic-bezier(.16,1,.3,1);will-change:transform,background-color}.risk-pillar-page-btn:hover{background:#0ea5e91a;transform:translateY(-2px) scale(1.02)}@media (max-width:1200px){.risk-pillar-page-btn{font-size:.825rem;padding:.5625rem 1.125rem}}@media (max-width:992px){.risk-pillar-page-btn{font-size:.8rem;padding:.5rem 1rem}}@media (max-width:768px){.risk-pillar-page-btn{font-size:.75rem;padding:.4375rem .875rem}}@media (max-width:576px){.risk-pillar-page-btn{font-size:.7rem;padding:.375rem .75rem}}.risk-pillar-hover{background:linear-gradient(135deg,#0ea5e91a,#0000);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .4s cubic-bezier(.16,1,.3,1);width:100%;will-change:opacity;z-index:1}.risk-pillar-hover.active{opacity:1}.risk-pillars-mobile-indicators{display:none}@media (max-width:640px){.risk-pillars-mobile-indicators{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.risk-pillar-mobile-indicator{background:#cbd5e1;border-radius:50%;height:8px;transition:all .3s cubic-bezier(.16,1,.3,1);width:8px;will-change:transform,background-color}.risk-pillar-mobile-indicator.active{background:#0ea5e9;transform:scale(1.3)}}.leadership-section-full{background:#fff;contain:layout style paint;overflow:hidden;padding:60px 0;position:relative;width:100%}@media (max-width:1200px){.leadership-section-full{padding:50px 0}}@media (max-width:992px){.leadership-section-full{padding:40px 0}}@media (max-width:768px){.leadership-section-full{padding:35px 0}}@media (max-width:576px){.leadership-section-full{padding:30px 0}}.leadership-full-container{align-items:center;animation:fadeIn .8s cubic-bezier(.16,1,.3,1) both;display:flex;justify-content:center;margin:0 auto;padding:0 20px;position:relative;width:100%}@media (max-width:1200px){.leadership-full-container{padding:0 2rem}}@media (max-width:992px){.leadership-full-container{padding:0 1.5rem}}@media (max-width:768px){.leadership-full-container{padding:0 1.25rem}}@media (max-width:576px){.leadership-full-container{padding:0 1rem}}.leadership-image-wrapper{aspect-ratio:3/1.5;border:2px solid #cbd5e1;border:2px solid var(--border-light);border-radius:16px;box-shadow:0 15px 40px #00000026;height:auto;margin:0 auto;max-width:1400px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);width:95%;will-change:transform,box-shadow}@media (max-width:1400px){.leadership-image-wrapper{aspect-ratio:3/1.6;max-width:1200px;width:98%}}@media (max-width:1200px){.leadership-image-wrapper{aspect-ratio:3/1.7;width:98%}}@media (max-width:992px){.leadership-image-wrapper{aspect-ratio:3/1.8;width:99%}}@media (max-width:768px){.leadership-image-wrapper{aspect-ratio:3/2;border:1px solid #cbd5e1;border:1px solid var(--border-light);border-radius:12px;width:100%}}@media (max-width:576px){.leadership-image-wrapper{aspect-ratio:3/2.5}}.leadership-image-wrapper:hover{box-shadow:0 25px 50px #0003;transform:translateY(-5px) scale(1.01)}.leadership-full-image-only{background-color:#f8fafc;display:block;height:100%;object-fit:contain!important;object-position:center 25%!important;transition:transform .6s cubic-bezier(.16,1,.3,1);width:100%;will-change:transform}.leadership-image-wrapper:hover .leadership-full-image-only{transform:scale(1.02)}@supports not (aspect-ratio:3/1.5){.leadership-image-wrapper{height:400px}@media (max-width:1200px){.leadership-image-wrapper{height:350px}}@media (max-width:992px){.leadership-image-wrapper{height:300px}}@media (max-width:768px){.leadership-image-wrapper{height:250px}}@media (max-width:576px){.leadership-image-wrapper{height:200px}}}.publications-section{background:linear-gradient(135deg,#fff,#f8fafc);contain:layout style paint;padding:80px 0;position:relative;width:100%}@media (max-width:1200px){.publications-section{padding:70px 0}}@media (max-width:992px){.publications-section{padding:60px 0}}@media (max-width:768px){.publications-section{padding:50px 0}}@media (max-width:576px){.publications-section{padding:40px 0}}.publications-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:50px}@media (max-width:1200px){.publications-grid{gap:25px}}@media (max-width:992px){.publications-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.publications-grid{gap:20px}}@media (max-width:640px){.publications-grid{gap:20px;grid-template-columns:1fr;margin:40px auto 0;max-width:400px}}.publication-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;transform:translateZ(0);transition:all .4s cubic-bezier(.16,1,.3,1);will-change:transform,box-shadow}.publication-card:hover{border-color:#3b82f64d;box-shadow:0 20px 40px #3b82f626,0 0 0 1px #3b82f61a;transform:translateY(-10px) scale(1.02)}.publication-image-container{align-items:center;background:#f1f5f9;display:flex;height:220px;justify-content:center;overflow:hidden;position:relative;width:100%;will-change:transform}.publication-image{display:block;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.16,1,.3,1);width:100%;will-change:transform}.publication-image[height="200"],.publication-image[src$=".svg"],.publication-image[width="200"]{object-fit:cover}.publication-card:hover .publication-image{transform:scale(1.05)}.publication-image-overlay{background:linear-gradient(180deg,#0000 60%,#0000004d);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.publication-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#1e40af;color:var(--primary);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;position:absolute;right:16px;text-transform:uppercase;top:16px;transition:transform .3s cubic-bezier(.16,1,.3,1);will-change:transform}.publication-card:hover .publication-badge{transform:translateY(-2px) scale(1.1)}.publication-content{display:flex;flex:1 1;flex-direction:column;padding:24px}.publication-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.publication-icon{align-items:center;background:linear-gradient(135deg,#3b82f61a,#1e40af1a);border-radius:10px;color:#1e40af;color:var(--primary);display:flex;height:40px;justify-content:center;transition:transform .3s cubic-bezier(.16,1,.3,1);width:40px;will-change:transform}.publication-card:hover .publication-icon{transform:rotate(15deg) scale(1.1)}.publication-date{align-items:center;color:#64748b;display:flex;font-size:.85rem;font-weight:500;gap:6px}.publication-title{color:#1e293b;color:var(--text);font-size:1.3rem;font-weight:700;line-height:1.4;margin-bottom:12px;transition:color .3s cubic-bezier(.16,1,.3,1)}.publication-card:hover .publication-title{color:#1e40af;color:var(--primary)}.publication-description{color:#475569;color:var(--text-secondary);flex:1 1;font-size:.95rem;line-height:1.6;margin-bottom:20px}.publication-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.publication-tag{background:#3b82f61a;border-radius:12px;color:#1e40af;color:var(--primary);font-size:.75rem;font-weight:500;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1);will-change:transform,background-color}.publication-card:hover .publication-tag{background:#3b82f633;transform:translateY(-2px)}.publication-actions{padding:0 24px 24px}.publication-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%;will-change:transform,box-shadow,background-color}.publication-action-btn.primary{background:linear-gradient(135deg,#1e40af,#5b21b6);background:var(--gradient-accent);border:none;color:#fff}.publication-action-btn.primary:hover{box-shadow:0 8px 25px #1e40af66;transform:translateY(-3px) scale(1.02)}.publication-action-btn.secondary{background:#0000;border:2px solid #1e40af;border:2px solid var(--primary);color:#1e40af;color:var(--primary)}.publication-action-btn.secondary:hover{background:#1e40af1a;transform:translateY(-3px) scale(1.02)}.contact-section{background:#f8fafc;background:var(--card);contain:layout style paint;padding:80px 0;position:relative;width:100%}@media (max-width:1200px){.contact-section{padding:70px 0}}@media (max-width:992px){.contact-section{padding:60px 0}}@media (max-width:768px){.contact-section{padding:50px 0}}@media (max-width:576px){.contact-section{padding:40px 0}}.contact-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}@media (max-width:992px){.contact-info-grid{gap:1.5rem}}@media (max-width:768px){.contact-info-grid{gap:1.25rem;grid-template-columns:1fr;margin:2rem auto 0;max-width:500px}}.contact-info-item{align-items:flex-start;background:#fff;background:var(--card-light);border:1px solid #cbd5e1;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--border-radius-lg);display:flex;gap:1.5rem;padding:2rem;text-align:left;transform:translateZ(0);transition:all .4s cubic-bezier(.16,1,.3,1);will-change:transform,box-shadow}.contact-info-item:hover{box-shadow:0 8px 32px #00000029;box-shadow:var(--shadow-lg);transform:translateY(-5px) scale(1.02)}.contact-icon-wrapper{align-items:center;background:linear-gradient(135deg,#1e40af14,#1e3a8a14);background:var(--gradient-light);border-radius:12px;color:#1e40af;color:var(--primary);display:flex;flex-shrink:0;height:50px;justify-content:center;transition:transform .3s cubic-bezier(.16,1,.3,1);width:50px;will-change:transform}.contact-info-item:hover .contact-icon-wrapper{transform:rotate(15deg) scale(1.1)}.contact-info-content h4{color:#1e293b;color:var(--text);font-size:1.25rem;font-weight:700;margin-bottom:.75rem;transition:color .3s cubic-bezier(.16,1,.3,1)}.contact-info-item:hover .contact-info-content h4{color:#1e40af;color:var(--primary)}.contact-info-content p{color:#475569;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.footer{background:linear-gradient(135deg,#0a1e4c,#1e3a8a);color:#fff;overflow:hidden;padding:70px 0 30px;position:relative;width:100%}.footer-container{margin:0 auto;max-width:1280px;padding:0 24px;width:100%}.footer-main{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1.2fr 2fr;margin-bottom:50px}@media (max-width:1024px){.footer-main{gap:45px;grid-template-columns:1fr}}.footer-brand{gap:24px}.footer-logo{gap:16px}.footer-logo-image-container{align-items:center;background:#ffffff14;border-radius:14px;display:flex;flex-shrink:0;height:60px;justify-content:center;padding:10px;transition:all .3s ease;width:60px}.footer-logo:hover .footer-logo-image-container{background:#ffffff26;box-shadow:0 8px 16px #0003;transform:translateY(-3px)}.footer-logo-image{filter:brightness(1.1);height:100%!important;width:100%!important}.footer-logo-text-wrapper{display:flex;flex-direction:column;gap:4px}.footer-logo-text{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.footer-logo-subtext{color:#ffffffd9;font-size:.85rem;font-weight:400;letter-spacing:.3px;line-height:1.4;margin:0;max-width:260px}.footer-description{color:#ffffffe6;font-size:.95rem;line-height:1.7;margin:0;max-width:320px}.footer-links{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.footer-links{gap:35px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.footer-links{gap:30px;grid-template-columns:1fr}}.footer-links-column{display:flex;flex-direction:column;gap:16px}.footer-links-title{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0 0 4px;padding-bottom:12px;position:relative}.footer-links-title:after{background:#ffffff4d;border-radius:2px;bottom:0;content:"";height:2.5px;left:0;position:absolute;transition:width .3s ease;width:40px}.footer-links-column:hover .footer-links-title:after{background:#fff;width:60px}.footer-contact-list,.footer-links-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.footer-contact-list li,.footer-links-list li{line-height:1.4;margin:0}.footer-link{color:#fffc;display:inline-block;font-size:.95rem;padding:2px 0;transition:all .25s ease}.footer-link:hover{color:#fff;transform:translateX(6px)}.footer-contact-item{align-items:center;color:#fffc;display:flex;font-size:.95rem;gap:12px;padding:2px 0;transition:all .25s ease}.footer-contact-icon{flex-shrink:0;opacity:.8;transition:opacity .25s ease}.footer-contact-item:hover{color:#fff}.footer-contact-item:hover .footer-contact-icon{opacity:1}.footer-bottom{align-items:center;border-top:1px solid #ffffff26;display:flex;justify-content:space-between;margin-top:20px;padding-top:30px}@media (max-width:768px){.footer-bottom{flex-direction:column;gap:25px;text-align:center}}.footer-bottom-left{display:flex;flex-direction:column;gap:12px}@media (max-width:768px){.footer-bottom-left{align-items:center;width:100%}}.copyright{color:#ffffffb3;font-size:.9rem;font-weight:400}.footer-legal{align-items:center;display:flex;flex-wrap:wrap;gap:16px}@media (max-width:768px){.footer-legal{justify-content:center}}.footer-legal-link{color:#ffffffb3;font-size:.85rem;position:relative;text-decoration:none;transition:color .25s ease}.footer-legal-link:hover{color:#fff}.footer-legal-separator{color:#fff6;font-size:.8rem}.footer-bottom-right{display:flex}.footer-social{display:flex;gap:10px}.footer-social-link{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .25s ease;width:40px}.footer-social-link:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 6px 12px #00000026;transform:translateY(-4px)}.footer-language-toggle{background:#ffffff1f!important;border-radius:30px!important;gap:6px;padding:0 16px!important;width:auto!important}.footer-language-toggle:hover{background:#ffffff40!important}.footer-language-text{font-size:.8rem;font-weight:600;letter-spacing:.5px}@media (max-width:1024px){.footer{padding:60px 0 30px}.footer-container{padding:0 30px}.footer-logo-image-container{height:55px;width:55px}.footer-logo-text{font-size:1.4rem}}@media (max-width:768px){.footer{padding:50px 0 25px}.footer-container{padding:0 24px}.footer-brand{gap:20px}.footer-logo{gap:14px}.footer-logo-image-container{height:52px;padding:8px;width:52px}.footer-logo-text{font-size:1.3rem}.footer-logo-subtext{font-size:.8rem;max-width:240px}.footer-description{font-size:.9rem;max-width:100%}.footer-links-title{font-size:1.05rem}.footer-contact-item,.footer-link{font-size:.9rem}.footer-social-link{height:38px;width:38px}.footer-language-toggle{padding:0 14px!important}}@media (max-width:480px){.footer{padding:45px 0 20px}.footer-container{padding:0 20px}.footer-main{gap:35px;margin-bottom:35px}.footer-brand{gap:18px}.footer-logo{align-items:flex-start;gap:12px}.footer-logo-image-container{border-radius:12px;height:48px;padding:7px;width:48px}.footer-logo-text{font-size:1.2rem}.footer-logo-subtext{font-size:.75rem;max-width:220px;word-break:break-word}.footer-description{font-size:.85rem;line-height:1.6}.footer-links-title{font-size:1rem;padding-bottom:10px}.footer-links-title:after{height:2px;width:35px}.footer-links-column:hover .footer-links-title:after{width:50px}.footer-contact-item,.footer-link{font-size:.85rem}.footer-contact-item{gap:10px}.footer-contact-icon{height:14px;width:14px}.copyright,.footer-legal-link{font-size:.8rem}.footer-social{gap:8px}.footer-social-link{height:36px;width:36px}.footer-social-link svg{height:16px;width:16px}.footer-language-toggle{height:36px!important;padding:0 12px!important}.footer-language-text{font-size:.75rem}}@media (max-width:360px){.footer-container{padding:0 16px}.footer-logo{align-items:flex-start;flex-direction:column;gap:12px}.footer-logo-image-container{height:50px;width:50px}.footer-logo-text{font-size:1.1rem}.footer-logo-subtext{font-size:.7rem;max-width:100%}.footer-links{gap:25px}.footer-social-link{height:34px;width:34px}.footer-language-toggle{padding:0 10px!important}}@media (hover:none) and (pointer:coarse){.footer-contact-item:hover,.footer-legal-link:hover,.footer-link:hover,.footer-social-link:hover{transform:none}.footer-link:active{transform:translateX(6px)}.footer-social-link:active{background:#ffffff40;transform:translateY(-4px)}.footer-logo:active .footer-logo-image-container{transform:translateY(-3px)}}@media print{.footer{background:none;color:#000;padding:20px 0}.footer-language-toggle,.footer-logo-image-container,.footer-social{display:none}.copyright,.footer-contact-item,.footer-legal-link,.footer-link,.footer-links-title,.footer-logo-text{color:#000}}.modal-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.16,1,.3,1) both;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;will-change:opacity,backdrop-filter;z-index:2000}.modal-container{animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1) both;background:#fff;border-radius:24px;border-radius:var(--border-radius-xl);box-shadow:0 12px 48px #0003;box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;transform:translateZ(0);width:90%;will-change:transform,opacity}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:1.5rem}.modal-logo{align-items:center;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem}.modal-close{background:none;border:none;color:#64748b;color:var(--text-muted);padding:.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);will-change:transform,background-color}.modal-close:hover{background:linear-gradient(135deg,#1e40af14,#1e3a8a14);background:var(--gradient-light);transform:rotate(90deg)}.modal-content,.modal-footer{padding:1.5rem}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#64748b;color:var(--text-muted);font-size:.875rem;text-align:center}.pillar-modal-container{max-width:800px}.pillar-modal-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:0}@media (max-width:768px){.pillar-modal-content{grid-template-columns:1fr}}.pillar-modal-image{border-radius:24px 24px 0 0;border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;height:300px}@media (max-width:768px){.pillar-modal-image{height:200px}}.pillar-modal-details{padding:2rem}.pillar-modal-header{margin-bottom:2rem}.pillar-modal-title{font-size:2rem;font-weight:800;margin-bottom:1rem}.pillar-modal-description{color:#475569;color:var(--text-secondary);line-height:1.6}.pillar-modal-section{margin-bottom:2rem}.pillar-modal-section-title{align-items:center;color:#1e293b;color:var(--text);display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;margin-bottom:1rem}.pillar-modal-details-text{color:#475569;color:var(--text-secondary);line-height:1.7}.pillar-modal-actions{display:flex;gap:1rem}@media (max-width:576px){.pillar-modal-actions{flex-direction:column}}.consultation-form-container{animation:fadeIn .5s cubic-bezier(.16,1,.3,1) both}.consultation-header{margin-bottom:2rem;text-align:center}.consultation-header h3{color:#1e293b;color:var(--text);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.consultation-header p{color:#475569;color:var(--text-secondary);line-height:1.6}.consultation-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:576px){.form-row{grid-template-columns:1fr}}.form-group label{align-items:center;color:#1e293b;color:var(--text);display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--border-radius);font-family:inherit;font-size:1rem;padding:.75rem;transition:all .3s cubic-bezier(.16,1,.3,1);will-change:transform,border-color,box-shadow}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e40af;border-color:var(--primary);box-shadow:0 0 0 3px #1e40af1a;outline:none;transform:translateY(-1px)}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.9rem;gap:.5rem}.checkbox-label input{cursor:pointer;height:16px;width:16px}.btn-block{width:100%}.consultation-note{align-items:flex-start;background:linear-gradient(135deg,#1e40af14,#1e3a8a14);background:var(--gradient-light);border-radius:12px;border-radius:var(--border-radius);color:#475569;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.75rem;line-height:1.5;padding:1rem}.image-loading{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;overflow:hidden;position:relative}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.image-hidden{opacity:0!important;transition:opacity .3s ease}.image-loaded{opacity:1!important;transition:opacity .3s ease}.image-wrapper{height:100%;position:relative;width:100%}.image-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;z-index:1}.image-fallback,.image-skeleton{border-radius:inherit;bottom:0;left:0;position:absolute;right:0;top:0}.image-fallback{align-items:center;background:#f8fafc;color:#64748b;display:flex;font-size:.875rem;justify-content:center;padding:20px;text-align:center;z-index:2}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.about-box-card.animate-on-scroll,.risk-pillar-card.animate-on-scroll{animation:slideUpFade .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.about-box-card.animate-on-scroll:first-child,.risk-pillar-card.animate-on-scroll:first-child{animation-delay:.1s}.about-box-card.animate-on-scroll:nth-child(2),.risk-pillar-card.animate-on-scroll:nth-child(2){animation-delay:.2s}.about-box-card.animate-on-scroll:nth-child(3),.risk-pillar-card.animate-on-scroll:nth-child(3){animation-delay:.3s}.about-box-card.animate-on-scroll:nth-child(4),.risk-pillar-card.animate-on-scroll:nth-child(4){animation-delay:.4s}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (hover:none) and (pointer:coarse){.about-box-card:active,.risk-pillar-card:active{transform:translateY(-5px) scale(1.01);transition:transform .2s cubic-bezier(.16,1,.3,1)}.about-box-card:active .about-box-detailed-content,.risk-pillar-card:active .risk-pillar-detailed-content{transform:translateY(0) scale(1)}.about-box-card:active .about-box-default-content,.risk-pillar-card:active .risk-pillar-default-content{opacity:0;pointer-events:none}.btn,.carousel-control,.carousel-indicator,.dropdown-item,.footer-social-link,.language-toggle-btn,.mobile-menu-btn,.modal-close,.nav-link,.publication-action-btn,.risk-pillar-page-btn,.risk-pillar-visit-btn{min-height:44px;min-width:44px}}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0ea5e9,#0369a1);background:var(--pillar-blue);-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0ea5e9,#0369a1)}::selection{background:#0ea5e94d;color:inherit}:focus{outline:2px solid #0ea5e9;outline-offset:2px}@media (max-width:768px){body,html{max-width:100%;overflow-x:hidden}.home-container{overflow-x:hidden;width:100%}embed,iframe,img,object,video{height:auto;max-width:100%}}.logo-icon-image{height:40px;margin-right:12px;object-fit:contain;width:40px}.footer-logo-image{height:48px;margin-right:16px;object-fit:contain;width:48px}.modal-logo-image{height:32px;margin-right:12px;object-fit:contain;width:32px}@media (max-width:768px){.logo-icon-image{height:32px;width:32px}.footer-logo-image{height:40px;width:40px}}.modal-container::-webkit-scrollbar{width:6px}.modal-container::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.modal-container::-webkit-scrollbar-thumb{background:#1e40af4d;border-radius:3px}.modal-container::-webkit-scrollbar-thumb:hover{background:#1e40af80}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){.about-box-card,.publication-card,.risk-pillar-card{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}}}#navbar-logo{height:48px!important;min-height:48px!important;min-width:48px!important;width:48px!important}#footer-logo,#navbar-logo{flex-shrink:0!important;object-fit:contain!important}#footer-logo{height:56px!important;margin-right:16px!important;min-height:56px!important;min-width:56px!important;width:56px!important}.logo-text{color:#1e293b;color:var(--text);font-family:Inter,-apple-system,sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;transition:color .4s cubic-bezier(.16,1,.3,1);transition:color var(--transition-smooth);white-space:nowrap}.logo-text-highlight{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#1e40af,#3b82f6)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#1e40af!important;font-weight:900}@media (max-width:768px){#navbar-logo{height:40px!important;min-height:40px!important;min-width:40px!important;width:40px!important}#footer-logo{height:44px!important;margin-right:12px!important;min-height:44px!important;min-width:44px!important;width:44px!important}}@media (max-width:576px){#navbar-logo{height:36px!important;min-height:36px!important;min-width:36px!important;width:36px!important}#footer-logo{height:40px!important;margin-right:10px!important;min-height:40px!important;min-width:40px!important;width:40px!important}}:root{--primary-blue:#2563eb;--primary-blue-light:#3b82f6;--primary-blue-dark:#1d4ed8;--secondary-green:#10b981;--secondary-yellow:#f59e0b;--secondary-red:#ef4444;--secondary-purple:#8b5cf6;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-hover:#f3f4f6;--bg-active:#e5e7eb;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--text-muted:#9ca3af;--text-on-primary:#fff;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#9ca3af;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem}body{background-color:#f9fafb;background-color:var(--bg-secondary);color:#111827;min-height:100vh}.learn-container{background-color:#fff;background-color:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.learn-login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;padding:var(--space-md);position:relative}.learn-login-container,.login-background{background:linear-gradient(135deg,#667eea,#764ba2)}.login-background{bottom:0;left:0;position:absolute;right:0;top:0}.login-background.error{background:linear-gradient(135deg,#f87171,#dc2626)}.gradient-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;bottom:0;left:0;position:absolute;right:0;top:0}.particle{animation:float 3s ease-in-out infinite;background:#ffffff80;border-radius:50%;height:2px;position:absolute;width:2px}.login-card{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-width:480px;padding:3rem;padding:var(--space-2xl);position:relative;width:100%;z-index:1}.login-brand{margin-bottom:3rem;margin-bottom:var(--space-2xl);text-align:center}.brand-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--white);display:inline-flex;height:80px;justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--space-lg);width:80px}.brand-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.login-brand h1{color:#111827;color:var(--text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.brand-subtitle{color:#6b7280;color:var(--text-tertiary);font-size:.875rem;font-size:var(--text-sm)}.login-content{margin-bottom:3rem;margin-bottom:var(--space-2xl);text-align:center}.login-icon-circle,.login-icon-container{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.login-icon-circle{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));border-radius:50%;color:#fff;color:var(--white);display:inline-flex;height:80px;justify-content:center;width:80px}.login-icon-circle.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.login-icon-circle.pulse{animation:pulse 2s infinite}.login-content h2{color:#111827;color:var(--text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.login-message{color:#374151;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);margin-bottom:2rem;margin-bottom:var(--space-xl)}.login-message.error{background:#ef44441a;border-left:4px solid #ef4444;border-left:4px solid var(--secondary-red);border-radius:.5rem;border-radius:var(--radius-md);color:#ef4444;color:var(--secondary-red);padding:1rem;padding:var(--space-md)}.loading-spinner-large{margin:2rem 0;margin:var(--space-xl) 0}.spinner{border:4px solid #e5e7eb;border-top:4px solid #2563eb;border:4px solid var(--border-light);border-top-color:var(--primary-blue);height:50px;margin:0 auto 1rem;margin:0 auto var(--space-md);width:50px}.login-status{flex-direction:column;margin-top:2rem;margin-top:var(--space-xl)}.login-status,.status-item{display:flex;gap:.5rem;gap:var(--space-sm)}.status-item{align-items:center;justify-content:center}.status-dot{background-color:#e5e7eb;background-color:var(--border-light);height:10px;width:10px}.status-dot.active{animation:pulse 1.5s infinite;background-color:#10b981;background-color:var(--secondary-green)}.login-button{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:1rem;font-size:var(--text-base);font-weight:500;gap:.5rem;gap:var(--space-sm);justify-content:center;margin-bottom:1rem;margin-bottom:var(--space-md);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:all .2s ease;width:100%}.login-button.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:#fff;color:var(--white)}.login-button.primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-button.secondary{background:#f9fafb;background:var(--bg-secondary);border:1px solid #d1d5db;border:1px solid var(--border-medium);color:#111827;color:var(--text-primary)}.login-button.secondary:hover{background:#f3f4f6;background:var(--bg-tertiary)}.ms-logo{align-items:center;display:flex;justify-content:center}.login-features{margin-top:2rem;margin-top:var(--space-xl);text-align:left}.feature{align-items:center;color:#374151;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-sm);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.feature svg{color:#10b981;color:var(--secondary-green)}.login-tips{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);margin-top:2rem;margin-top:var(--space-xl);padding:1rem;padding:var(--space-md);text-align:left}.login-tips h4{color:#111827;color:var(--text-primary);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.login-tips ul{color:#374151;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);padding-left:1.5rem;padding-left:var(--space-lg)}.login-tips li{margin-bottom:.25rem;margin-bottom:var(--space-xs)}.login-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);color:#6b7280;color:var(--text-tertiary);font-size:.875rem;font-size:var(--text-sm);padding-top:1.5rem;padding-top:var(--space-lg);text-align:center}.login-footer .version{color:#9ca3af;color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs);margin-top:.25rem;margin-top:var(--space-xs)}.learn-navbar{background:#fff;background:var(--bg-card);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100}.learn-navbar,.nav-container{padding:0 1rem;padding:0 var(--space-md)}.nav-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1440px;width:100%}.nav-container,.nav-left{align-items:center;display:flex}.nav-left{gap:1rem;gap:var(--space-md)}.mobile-menu-btn{background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#374151;color:var(--text-secondary);cursor:pointer;display:none;padding:.25rem;padding:var(--space-xs)}.mobile-menu-btn:hover{background:#f3f4f6;background:var(--bg-hover)}.nav-brand{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm)}.brand-logo{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--white)}.brand-text h1{color:#111827;color:var(--text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;line-height:1.2}.brand-text p{color:#9ca3af;color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs)}.nav-center.desktop-nav{align-items:center;display:flex;gap:.25rem;gap:var(--space-xs)}.nav-tab{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.5rem;gap:var(--space-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .2s ease}.nav-tab:hover{background:#f3f4f6;background:var(--bg-hover);color:#111827;color:var(--text-primary)}.nav-tab.active{background:#2563eb;background:var(--primary-blue)}.nav-tab.active,.nav-tab.active svg{color:#fff;color:var(--white)}.nav-right{align-items:center;gap:1rem;gap:var(--space-md)}.nav-icon-btn{align-items:center;background:none;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#374151;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.nav-icon-btn:hover{background:#f3f4f6;background:var(--bg-hover);color:#111827;color:var(--text-primary)}.search-container{align-items:center;display:flex}.search-container svg{color:#9ca3af;color:var(--text-muted);left:1rem;left:var(--space-md);pointer-events:none;position:absolute}.search-input{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);color:#111827;color:var(--text-primary);font-size:var(--text-sm);padding:.5rem 1rem .5rem 40px;padding:var(--space-sm) var(--space-md) var(--space-sm) 40px;transition:all .2s ease;width:240px}.search-input:focus{background:#fff;background:var(--white);border-color:#2563eb;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.user-profile-container{position:relative}.user-profile-btn{align-items:center;background:none;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:flex;gap:.5rem;gap:var(--space-sm);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);transition:all .2s ease}.user-profile-btn:hover{background:#f3f4f6;background:var(--bg-hover)}.avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));border-radius:50%;color:#fff;color:var(--white);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;height:32px;justify-content:center;width:32px}.user-info{text-align:left}.user-name{color:#111827;color:var(--text-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:500}.user-department{color:#9ca3af;color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs)}.dropdown-icon{transition:transform .2s ease}.dropdown-icon.open{transform:rotate(180deg)}.user-dropdown{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-header{align-items:center;background:#f9fafb;background:var(--bg-secondary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;gap:.5rem;gap:var(--space-sm);padding:1rem;padding:var(--space-md)}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));border-radius:50%;color:#fff;color:var(--white);display:flex;font-weight:600;height:40px;justify-content:center;width:40px}.dropdown-header h4{color:#111827;color:var(--text-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:600}.dropdown-header p{color:#9ca3af;color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs)}.dropdown-divider{background:#e5e7eb;background:var(--border-light);height:1px}.dropdown-item{align-items:center;background:none;border:none;color:#374151;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#f3f4f6;background:var(--bg-hover);color:#111827;color:var(--text-primary)}.dropdown-item.logout-item{color:#ef4444;color:var(--secondary-red)}.dropdown-item.logout-item:hover{background:#ef44441a}.mobile-nav-overlay{background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.mobile-nav-menu{animation:slideIn .3s ease;background:#fff;background:var(--bg-card);height:100%;overflow-y:auto;width:300px}.mobile-user-info{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:#fff;color:var(--white);padding:2rem;padding:var(--space-xl)}.avatar.large{font-size:1.25rem;font-size:var(--text-xl);height:60px;margin-bottom:1rem;margin-bottom:var(--space-md);width:60px}.user-details h3{font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.user-details .department{font-size:.875rem;font-size:var(--text-sm);opacity:.9}.mobile-nav-link,.mobile-nav-links{padding:1rem;padding:var(--space-md)}.mobile-nav-link{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-size:var(--text-base);font-weight:500;gap:1rem;gap:var(--space-md);margin-bottom:.25rem;margin-bottom:var(--space-xs);text-align:left;transition:all .2s ease;width:100%}.mobile-nav-link:hover{background:#f3f4f6;background:var(--bg-hover);color:#111827;color:var(--text-primary)}.mobile-nav-link.active{background:#2563eb;background:var(--primary-blue)}.mobile-nav-link.active,.mobile-nav-link.active svg{color:#fff;color:var(--white)}.mobile-nav-link.logout{color:#ef4444;color:var(--secondary-red)}.mobile-nav-link.logout:hover{background:#ef44441a}.mobile-nav-divider{background:#e5e7eb;background:var(--border-light);height:1px;margin:1rem 0;margin:var(--space-md) 0}.learn-main{flex:1 1;margin:0 auto;max-width:1440px;overflow-x:hidden;padding:2rem;padding:var(--space-xl);width:100%}.welcome-section{margin-bottom:2rem;margin-bottom:var(--space-xl);width:100%}.welcome-content{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:2rem;padding:var(--space-xl);width:100%}.welcome-header h1{color:#111827;color:var(--text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.welcome-header p{color:#374151;color:var(--text-secondary);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.error-banner{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:.5rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-md);padding:1rem;padding:var(--space-md);width:100%}.error-banner span{color:#ef4444;color:var(--secondary-red);font-weight:500}.retry-btn{background:#ef4444;background:var(--secondary-red);border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);font-weight:500;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);transition:all .2s ease}.retry-btn:hover{background:#dc2626}.last-updated{color:#9ca3af;color:var(--text-muted);font-size:.875rem;font-size:var(--text-sm);margin-top:1rem;margin-top:var(--space-md)}.welcome-stats{grid-gap:1rem;grid-gap:var(--space-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem;margin-top:var(--space-xl)}.stat-item,.welcome-stats{gap:1rem;gap:var(--space-md);width:100%}.stat-item{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);padding:1rem;padding:var(--space-md);transition:all .2s ease}.stat-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{background:#2563eb;background:var(--primary-blue);color:#fff;color:var(--white)}.stat-info{flex:1 1;min-width:0}.stat-value{font-size:1.5rem;font-size:var(--text-2xl)}.quick-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);margin-bottom:2rem;margin-bottom:var(--space-xl);width:100%}.action-btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-size:var(--text-base);font-weight:500;gap:.5rem;gap:var(--space-sm);justify-content:center;min-width:200px;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:all .2s ease;width:100%}.action-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:#fff;color:var(--white)}.action-btn.primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.action-btn.secondary{background:#f9fafb;background:var(--bg-secondary);border:1px solid #d1d5db;border:1px solid var(--border-medium);color:#111827;color:var(--text-primary)}.action-btn.secondary:hover{background:#f3f4f6;background:var(--bg-tertiary);transform:translateY(-2px)}.action-btn.refresh{background:#fff;background:var(--white);border:1px solid #d1d5db;border:1px solid var(--border-medium);color:#111827;color:var(--text-primary)}.action-btn.refresh:hover{background:#f9fafb;background:var(--bg-secondary);transform:translateY(-2px)}.debug-info{margin-bottom:2rem;margin-bottom:var(--space-xl);width:100%}.debug-info details{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);padding:1rem;padding:var(--space-md);width:100%}.debug-info summary{align-items:center;color:#111827;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;gap:var(--space-sm);list-style:none}.debug-info summary::-webkit-details-marker{display:none}.debug-info summary:before{content:"▶";font-size:10px;transition:transform .2s ease}.debug-info details[open] summary:before{transform:rotate(90deg)}.debug-info pre{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);margin-top:1rem;margin-top:var(--space-md);max-width:100%;overflow-x:auto;padding:1rem;padding:var(--space-md)}.dashboard-grid{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem;margin-bottom:var(--space-xl);width:100%}.dashboard-card{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;width:100%}.card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);padding:1.5rem;padding:var(--space-lg);width:100%}.card-header h3{color:#111827;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-all{align-items:center;background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#2563eb;color:var(--primary-blue);cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.25rem;gap:var(--space-xs);padding:.25rem;padding:var(--space-xs)}.view-all:hover{background:#2563eb1a}.data-source{color:#9ca3af;color:var(--text-muted);flex-shrink:0;font-size:.75rem;font-size:var(--text-xs)}.learning-statistics-full{margin-bottom:2rem;margin-bottom:var(--space-xl);max-width:100%;overflow:hidden;width:100%}.stats-full-width-container{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);max-width:100%;overflow:hidden;width:100%}.stats-full-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);justify-content:space-between;padding:1.5rem;padding:var(--space-lg);width:100%}.stats-full-header h3{align-items:center;color:#111827;color:var(--text-primary);display:flex;flex-shrink:0;font-size:1.25rem;font-size:var(--text-xl);font-weight:700;gap:.5rem;gap:var(--space-sm)}.stats-full-header h3 svg{color:#2563eb;color:var(--primary-blue);flex-shrink:0}.stats-full-content{max-width:100%;overflow:hidden;padding:1.5rem;padding:var(--space-lg);width:100%}.stats-full-grid{align-items:stretch;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-lg);justify-content:center;margin:0 auto;max-width:100%;width:100%}.stat-box-full{align-items:flex-start;background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:1rem;gap:var(--space-md);max-width:calc(25% - 1.5rem);max-width:calc(25% - var(--space-lg));min-width:240px;overflow:hidden;padding:2rem;padding:var(--space-xl);position:relative;transition:all .3s ease}.stat-box-full:hover{border-color:#2563eb;border-color:var(--primary-blue);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-box-full:before{background:linear-gradient(90deg,#2563eb,#1d4ed8);background:linear-gradient(90deg,var(--primary-blue),var(--primary-blue-dark));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-box-full:hover:before{opacity:1}.stat-box-full:first-child{border-top:4px solid #3b82f6}.stat-box-full:nth-child(2){border-top:4px solid #10b981}.stat-box-full:nth-child(3){border-top:4px solid #8b5cf6}.stat-box-full:nth-child(4){border-top:4px solid #f59e0b}.stat-icon-full{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.stat-box-full:first-child .stat-icon-full{background:#3b82f626}.stat-box-full:nth-child(2) .stat-icon-full{background:#10b98126}.stat-box-full:nth-child(3) .stat-icon-full{background:#8b5cf626}.stat-box-full:nth-child(4) .stat-icon-full{background:#f59e0b26}.stat-icon-full svg{height:32px;width:32px}.stat-box-full:first-child .stat-icon-full svg{color:#3b82f6}.stat-box-full:nth-child(2) .stat-icon-full svg{color:#10b981}.stat-box-full:nth-child(3) .stat-icon-full svg{color:#8b5cf6}.stat-box-full:nth-child(4) .stat-icon-full svg{color:#f59e0b}.stat-content-full{flex:1 1;min-width:0;width:100%}.stat-value-full{align-items:baseline;color:#111827;color:var(--text-primary);display:flex;font-size:1.875rem;font-size:var(--text-3xl);font-weight:800;gap:.25rem;gap:var(--space-xs);line-height:1;margin-bottom:.25rem;margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis}.stat-value-full span{color:#6b7280;color:var(--text-tertiary);flex-shrink:0;font-size:1.125rem;font-size:var(--text-lg);font-weight:600}.stat-label-full{color:#374151;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-detail-full{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-xs);width:100%}.stat-detail-full .completed{color:#10b981;color:var(--secondary-green)}.stat-detail-full .completed,.stat-detail-full .pending{align-items:center;display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.25rem;gap:var(--space-xs);overflow:hidden;text-overflow:ellipsis}.stat-detail-full .pending{color:#f59e0b;color:var(--secondary-yellow)}.stat-trend{align-self:flex-start;border-radius:9999px;border-radius:var(--radius-full);flex-shrink:0;font-size:.75rem;font-size:var(--text-xs);font-weight:500;margin-top:.25rem;margin-top:var(--space-xs);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.stat-trend.positive{background:#10b9811a;color:#10b981;color:var(--secondary-green)}.stat-trend.negative{background:#ef44441a;color:#ef4444;color:var(--secondary-red)}.assignments-card .assignments-list{padding:1.5rem;padding:var(--space-lg);width:100%}.assignment-item{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:1rem;margin-bottom:var(--space-md);padding:1rem;padding:var(--space-md);transition:all .2s ease;width:100%}.assignment-item:hover{border-color:#2563eb;border-color:var(--primary-blue);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.assignment-info h4{color:#111827;color:var(--text-primary);font-size:1rem;font-size:var(--text-base);font-weight:600;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.assignment-info h4,.assignment-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-subject{color:#374151;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.assignment-meta{color:#6b7280;color:var(--text-tertiary);flex-wrap:wrap;font-size:.75rem;font-size:var(--text-xs);gap:.5rem;gap:var(--space-sm);justify-content:space-between;width:100%}.assignment-meta,.due-date{align-items:center;display:flex}.due-date{gap:.25rem;gap:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{flex-shrink:0;font-size:var(--text-xs);font-weight:500}.assignment-progress{margin-top:1rem;margin-top:var(--space-md);width:100%}.progress-bar{background:#e5e7eb;background:var(--border-light);margin-bottom:.25rem;margin-bottom:var(--space-xs);width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{transition:width .3s ease;width:0}.progress-text{color:#9ca3af;color:var(--text-muted);display:block;font-size:var(--text-xs);text-align:right}.materials-card .materials-list{padding:1.5rem;padding:var(--space-lg);width:100%}.material-item{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:1rem;gap:var(--space-md);margin-bottom:1rem;margin-bottom:var(--space-md);padding:1rem;padding:var(--space-md);transition:all .2s ease;width:100%}.material-item:hover{border-color:#2563eb;border-color:var(--primary-blue);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.material-icon{align-items:center;background:#f9fafb;background:var(--bg-secondary);border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.material-info{flex:1 1;min-width:0}.material-info h4{color:#111827;color:var(--text-primary);font-size:1rem;font-size:var(--text-base);font-weight:600}.material-category,.material-info h4{margin-bottom:.25rem;margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-category{color:#374151;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm)}.material-meta{align-items:center;color:#6b7280;color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:.75rem;font-size:var(--text-xs);gap:.5rem;gap:var(--space-sm);justify-content:space-between;width:100%}.material-uploaded{align-items:center;display:flex;gap:.25rem;gap:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-format{background:#f9fafb;background:var(--bg-secondary);border-radius:9999px;border-radius:var(--radius-full);flex-shrink:0;font-size:.75rem;font-size:var(--text-xs);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.stats-card .stats-grid{grid-gap:1rem;grid-gap:var(--space-md);display:grid;grid-template-columns:1fr 1fr;padding:1.5rem;padding:var(--space-lg)}.stat-box,.stats-card .stats-grid{gap:1rem;gap:var(--space-md);width:100%}.stat-box{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);display:flex;padding:1rem;padding:var(--space-md)}.stat-icon{border-radius:.5rem;border-radius:var(--radius-md);flex-shrink:0;height:40px;width:40px}.stat-content{min-width:0}.stat-value{color:var(--text-primary);font-size:var(--text-xl);margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-label{color:#374151;color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:.25rem;margin-bottom:var(--space-xs)}.stat-detail{color:#9ca3af;color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis}.stat-detail .completed{color:#10b981;color:var(--secondary-green);margin-right:.5rem;margin-right:var(--space-sm)}.stat-detail .pending{color:#f59e0b;color:var(--secondary-yellow)}.quick-links-card .quick-links-list{padding:1.5rem;padding:var(--space-lg);width:100%}.quick-link-item{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:1rem;gap:var(--space-md);margin-bottom:1rem;margin-bottom:var(--space-md);padding:1rem;padding:var(--space-md);text-align:left;transition:all .2s ease;width:100%}.quick-link-item:hover{background:#f9fafb;background:var(--bg-secondary);border-color:#2563eb;border-color:var(--primary-blue);transform:translateX(4px)}.quick-link-item:last-child{margin-bottom:0}.quick-link-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--white);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.quick-link-content{flex:1 1;min-width:0}.quick-link-content h4{color:#111827;color:var(--text-primary);font-size:1rem;font-size:var(--text-base);font-weight:600;margin-bottom:.25rem;margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-link-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#374151;color:var(--text-secondary);display:-webkit-box;font-size:.875rem;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis}.quick-link-item svg:last-child{color:#9ca3af;color:var(--text-muted);flex-shrink:0}.empty-state{color:#9ca3af;color:var(--text-muted);padding:2rem;padding:var(--space-xl);width:100%}.empty-state svg{color:#d1d5db;color:var(--border-medium)}.empty-state p,.empty-state svg{margin-bottom:1rem;margin-bottom:var(--space-md)}.empty-state p{color:#374151;color:var(--text-secondary);max-width:100%}.btn-small{background:#2563eb;background:var(--primary-blue);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;flex-shrink:0;font-size:.875rem;font-size:var(--text-sm);font-weight:500;padding:.25rem 1rem;padding:var(--space-xs) var(--space-md);transition:all .2s ease}.btn-small:hover{background:#1d4ed8;background:var(--primary-blue-dark)}.loading-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-overlay p{color:#374151;color:var(--text-secondary);margin-top:1rem;margin-top:var(--space-md)}.bottom-nav{background:#fff;background:var(--bg-card);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);bottom:0;box-shadow:0 -2px 10px #0000001a;display:none;left:0;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);position:fixed;right:0;width:100%;z-index:100}.bottom-nav-btn{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.75rem;font-size:var(--text-xs);gap:.25rem;gap:var(--space-xs);min-width:0;padding:.5rem;padding:var(--space-sm);transition:all .2s ease}.bottom-nav-btn:hover{background:#f3f4f6;background:var(--bg-hover)}.bottom-nav-btn.active,.bottom-nav-btn.active svg{color:#2563eb;color:var(--primary-blue)}@media (max-width:1400px){.stat-box-full{max-width:calc(33.333% - 1.5rem);max-width:calc(33.333% - var(--space-lg));min-width:220px}}@media (max-width:1200px){.stats-full-grid{justify-content:flex-start}.stat-box-full{max-width:calc(50% - 1.5rem);max-width:calc(50% - var(--space-lg));min-width:calc(50% - 1.5rem - 1px);min-width:calc(50% - var(--space-lg) - 1px)}}@media (max-width:1024px){.nav-center.desktop-nav{display:none}.mobile-menu-btn{display:block}.search-input{width:200px}}@media (max-width:900px){.stat-box-full{max-width:calc(50% - 1.5rem);max-width:calc(50% - var(--space-lg));min-width:calc(50% - 1.5rem);min-width:calc(50% - var(--space-lg))}}@media (max-width:768px){.learn-main{padding:1rem;padding:var(--space-md)}.welcome-stats{grid-template-columns:repeat(2,1fr)}.action-btn{min-width:100%}.dashboard-grid{grid-template-columns:1fr}.search-container,.user-info{display:none}.bottom-nav{display:flex;justify-content:space-around}.stats-full-grid{gap:1rem;gap:var(--space-md)}.stat-box-full{max-width:100%;min-width:100%}.stat-icon-full{height:56px;width:56px}.stat-icon-full svg{height:28px;width:28px}.stat-value-full{font-size:1.5rem;font-size:var(--text-2xl)}.stat-detail-full{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.stats-full-header{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--space-sm)}.stats-full-header h3{font-size:1.125rem;font-size:var(--text-lg)}.data-source{font-size:.75rem;font-size:var(--text-xs)}}@media (max-width:480px){.login-card{padding:2rem;padding:var(--space-xl)}.welcome-header h1{font-size:1.5rem;font-size:var(--text-2xl)}.stats-grid,.welcome-stats{grid-template-columns:1fr}.nav-container{padding:0 .5rem;padding:0 var(--space-sm)}.brand-text h1{font-size:1.125rem;font-size:var(--text-lg)}.brand-text p{font-size:10px}.stat-box-full{padding:1.5rem;padding:var(--space-lg)}.stat-icon-full{height:48px;width:48px}.stat-icon-full svg{height:24px;width:24px}.stat-value-full{font-size:1.25rem;font-size:var(--text-xl)}.stat-label-full{font-size:.875rem;font-size:var(--text-sm)}.stat-detail-full{flex-direction:column;gap:.25rem;gap:var(--space-xs)}.stat-trend{align-self:flex-start;margin-top:.25rem;margin-top:var(--space-xs)}}.fade-in{animation:fadeIn .3s ease}.scale-in{animation:scaleIn .3s ease}.slide-in-right{animation:slideInRight .3s ease}.progress-indicator{align-items:center;color:#9ca3af;color:var(--text-muted);display:inline-flex;flex-shrink:0;font-size:.75rem;font-size:var(--text-xs);gap:.25rem;gap:var(--space-xs)}.progress-indicator.positive:before{color:#10b981;color:var(--secondary-green);content:"↑"}.progress-indicator.negative:before{color:#ef4444;color:var(--secondary-red);content:"↓"}body,html{max-width:100%;overflow-x:hidden}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-item-fix{min-width:0}.assignments-container{background:linear-gradient(135deg,#f8fafc,#e0f2fe);min-height:100vh;padding:1rem}@media (min-width:768px){.assignments-container{padding:1.5rem}}@media (min-width:1024px){.assignments-container{padding:2rem}}.assignments-content{margin:0 auto;max-width:120rem}.loading-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:70vh;text-align:center}.loading-screen .animate-spin{animation:spin 1s linear infinite;color:#06b6d4;height:3rem;margin-bottom:2rem;width:3rem}.loading-text{color:#1f2937;font-weight:500}.auth-required{align-items:center;background:#fffffff2;border:1px solid #e5e7eb;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:32rem;min-height:70vh;padding:2.5rem;text-align:center}.auth-required svg{color:#f59e0b;height:4rem;margin-bottom:1.5rem;width:4rem}.auth-required h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.auth-required p{color:#4b5563;margin-bottom:1.5rem}.login-button{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s}.login-button:hover{background:linear-gradient(90deg,#2563eb,#7c3aed);box-shadow:0 20px 25px -5px #0000001a}.success-notification{animation:slideIn .6s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#d1fae5f2;border:1px solid #a7f3d0;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;padding:1rem;position:fixed;right:1rem;top:1rem;z-index:50}.success-content{align-items:center;display:flex;gap:.75rem}.success-content svg{color:#059669;height:1.25rem;width:1.25rem}.success-message{color:#065f46;font-weight:500}.header-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;color:#fff;margin-bottom:1.5rem;padding:1.5rem}@media (min-width:768px){.header-card{margin-bottom:2rem;padding:2rem}}.header-content{flex-direction:column}@media (min-width:1024px){.header-content{align-items:flex-start;flex-direction:row;gap:2rem;justify-content:space-between}}.header-info{flex:1 1}.header-title-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width:640px){.header-title-section{align-items:flex-start;flex-direction:row}}.header-icon-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:.75rem;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.header-icon{color:#fff;height:1.5rem;width:1.5rem}.header-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}@media (min-width:768px){.header-title{font-size:1.875rem}}.header-user-info{color:#ffffffe6;font-size:.875rem;line-height:1.5}@media (min-width:768px){.header-user-info{font-size:1rem}}.header-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.site-tag{background:#fff3}.error-tag,.site-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;color:#fff;font-size:.75rem;padding:.25rem .5rem}.error-tag{align-items:center;background:#fee2e24d;display:flex;gap:.25rem}.error-tag svg{height:.75rem;width:.75rem}.time-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;display:inline-flex;flex-direction:column;gap:.75rem;padding:.75rem 1.25rem}@media (min-width:640px){.time-display{align-items:center;flex-direction:row;gap:1rem}}.time-label{align-items:center;display:flex;gap:.5rem}.time-icon{color:#06b6d4;height:1.125rem;width:1.125rem}.time-label span{color:#fff;font-size:.875rem;font-weight:500}.time-details{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}@media (min-width:640px){.time-details{align-items:center;flex-direction:row;gap:1.5rem}}.time-current{align-items:center;display:flex}.time-value{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.25rem;font-weight:700;letter-spacing:.05em}@media (min-width:768px){.time-value{font-size:1.5rem}}.time-date{color:#ffffffe6;font-size:.875rem;font-weight:500}.header-actions{flex-direction:column;width:100%}@media (min-width:640px){.header-actions{flex-direction:row;width:auto}}.refresh-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s;width:100%}@media (min-width:640px){.refresh-button{width:auto}}.refresh-button:hover{background:#ffffff4d}.refresh-button:disabled{cursor:not-allowed;opacity:.7}.refresh-icon{height:1rem;width:1rem}.refresh-icon.animate-spin{animation:spin 1s linear infinite}.create-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #fff6;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s;width:100%}@media (min-width:640px){.create-button{width:auto}}.create-button:hover{background:#fff6;box-shadow:0 20px 25px -5px #0000001a}.create-button svg{height:1.25rem;width:1.25rem}.stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media (min-width:768px){.stats-grid{gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(8,1fr)}}.stat-card{background:#fff!important;border:1px solid;border-radius:.75rem;box-shadow:0 2px 6px #00000014;cursor:pointer;flex-direction:column;min-height:90px;padding:.75rem;transition:all .3s}.stat-card:hover{box-shadow:0 6px 12px #0000001f;transform:translateY(-2px)}.stat-card.active{border-width:2px;box-shadow:0 0 0 3px #3b82f61a}.stat-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.stat-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.stat-value{color:#1f2937;font-family:Segoe UI,system-ui,sans-serif;font-size:1.375rem;font-weight:800;margin-bottom:.25rem}.stat-label{font-size:.7rem;font-weight:600}.stat-icon-container{align-items:center;border:1px solid #00000014;border-radius:6px;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-left:.5rem;width:28px}.stat-icon{height:.875rem!important;width:.875rem!important}.stat-progress{margin-top:.5rem;width:100%}.progress-bar{background:#0000000f;border-radius:2px;height:3px}.progress-fill{background-color:currentColor;border-radius:2px;opacity:.7;transition:width .5s ease}.stat-total{border-color:#cbd5e1}.stat-total .stat-value{color:#475569}.stat-total .stat-icon-container{background:#f1f5f9;border-color:#cbd5e1}.stat-total .stat-icon{color:#64748b}.stat-berlangsung{border-color:#93c5fd}.stat-berlangsung .stat-value{color:#1e40af}.stat-berlangsung .stat-icon-container{background:#eff6ff;border-color:#93c5fd}.stat-berlangsung .stat-icon{color:#3b82f6}.stat-akan-datang{border-color:#86efac}.stat-akan-datang .stat-value{color:#065f46}.stat-akan-datang .stat-icon-container{background:#f0fdf4;border-color:#86efac}.stat-akan-datang .stat-icon{color:#10b981}.stat-berakhir{border-color:#fca5a5}.stat-berakhir .stat-value{color:#dc2626}.stat-berakhir .stat-icon-container{background:#fef2f2;border-color:#fca5a5}.stat-berakhir .stat-icon{color:#ef4444}.stat-ekstra-time{border-color:#fcd34d}.stat-ekstra-time .stat-value{color:#d97706}.stat-ekstra-time .stat-icon-container{background:#fffbeb;border-color:#fcd34d}.stat-ekstra-time .stat-icon{color:#f59e0b}.stat-deadline{border-color:#fdba74}.stat-deadline .stat-value{color:#ea580c}.stat-deadline .stat-icon-container{background:#fff7ed;border-color:#fdba74}.stat-deadline .stat-icon{color:#f97316}.stat-selesai{border-color:#86efac}.stat-selesai .stat-value{color:#059669}.stat-selesai .stat-icon-container{background:#f0fdf4;border-color:#86efac}.stat-selesai .stat-icon{color:#22c55e}.stat-terkunci{border-color:#a78bfa}.stat-terkunci .stat-value{color:#7c3aed}.stat-terkunci .stat-icon-container{background:#f3e8ff;border-color:#a78bfa}.stat-terkunci .stat-icon{color:#8b5cf6}@media (max-width:640px){.stats-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)!important}.stat-card{min-height:80px;padding:.75rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.65rem}.stat-icon-container{height:24px;width:24px}.stat-icon{height:.75rem!important;width:.75rem!important}}@media (min-width:641px) and (max-width:1023px){.stats-grid{grid-template-columns:repeat(4,1fr)!important}.stat-card{min-height:85px;padding:.75rem}.stat-icon-container{height:26px;width:26px}.stat-icon{height:.8125rem!important;width:.8125rem!important}}.tab-navigation{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}@media (min-width:768px){.tab-navigation{margin-bottom:2rem}}.tab-button{align-items:center;border:1px solid #d1d5db;border-radius:.75rem;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;min-width:120px;padding:.625rem 1.5rem;transition:all .3s}.tab-inactive{background:#fff;color:#374151}.tab-inactive:hover{background:#f9fafb}.tab-active{box-shadow:0 10px 15px -3px #0000001a;color:#fff;transform:scale(1.05)}.tab-berlangsung{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.tab-akan-datang{background:linear-gradient(135deg,#10b981,#0d9488)}.tab-berakhir{background:linear-gradient(135deg,#f43f5e,#ec4899)}.tab-selesai{background:linear-gradient(135deg,#10b981,#22c55e)}.tab-terkunci{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.tab-deadline{background:linear-gradient(135deg,#f97316,#ef4444)}.tab-icon-container{align-items:center;background:#fff3;border-radius:.375rem;display:flex;height:1.25rem;justify-content:center;padding:.25rem;width:1.25rem}.tab-icon{color:#fff;height:.875rem;width:.875rem}.tab-label-full{display:none}.tab-label-mobile{display:inline}@media (min-width:640px){.tab-button{flex:none}.tab-label-full{display:inline}.tab-label-mobile{display:none}}.error-debug{background:linear-gradient(90deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem}@media (min-width:768px){.error-debug{margin-bottom:2rem;padding:1.25rem}}.error-content{align-items:flex-start;display:flex;gap:.75rem}.error-icon{color:#d97706;height:1.375rem;margin-top:.125rem;width:1.375rem}.error-details{flex:1 1}.error-details h3{color:#92400e;font-size:.875rem;font-weight:700;margin-bottom:.5rem}@media (min-width:768px){.error-details h3{font-size:1rem}}.error-message{color:#92400e;font-size:.875rem;margin-bottom:.5rem}.error-info{color:#b45309;font-size:.75rem;line-height:1.5}.error-close{background:none;border:none;color:#b45309;cursor:pointer;font-size:.875rem;opacity:.7;padding:.25rem}.error-close:hover{opacity:1}.error-close svg{height:1.125rem;width:1.125rem}.filters-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff2;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}@media (min-width:768px){.filters-card{margin-bottom:2rem;padding:2rem}}.filters-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr;margin-bottom:1.5rem}@media (min-width:1024px){.filters-grid{gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}}.search-container{width:100%}.search-wrapper{position:relative}.search-icon{color:#6b7280;left:1rem}.search-input{border:1px solid #d1d5db;border-radius:.75rem;color:#1f2937;font-size:.875rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .3s}@media (min-width:768px){.search-input{font-size:1rem;padding:1rem 1.25rem 1rem 3.5rem}}.search-input::placeholder{color:#6b7280}.search-input:focus{box-shadow:0 0 0 2px #3b82f633}.filter-selectors{display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.filter-selectors{flex-direction:row}}.filter-select{border:1px solid #d1d5db;color:#1f2937;font-size:.875rem;padding:.75rem 1rem;transition:all .3s}@media (min-width:768px){.filter-select{font-size:1rem;padding:1rem 1.25rem}}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.filter-info{background:linear-gradient(90deg,#eff6ff,#ecfeff);border:1px solid #bfdbfe;border-radius:.75rem;padding:1rem}.filter-info-content{align-items:center;display:flex;gap:.75rem}.info-icon{color:#3b82f6;height:1.125rem;width:1.125rem}.filter-info-text{flex:1 1}.filter-status{color:#1e40af;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.filter-stats{color:#3b82f6;font-size:.75rem}.form-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff2;border:2px solid;border-image:linear-gradient(45deg,#3b82f6,#8b5cf6,#ec4899) 1;border-radius:1rem;box-shadow:0 0 30px #3b82f666;margin-bottom:1.5rem;padding:1.5rem}@media (min-width:768px){.form-card{margin-bottom:2rem;padding:2rem}}.form-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}@media (min-width:768px){.form-header{margin-bottom:2rem}}.form-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#7c3aed,#db2777);-webkit-background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}@media (min-width:768px){.form-title{font-size:1.875rem}}.form-description{color:#4b5563;font-size:.875rem;line-height:1.5}@media (min-width:768px){.form-description{font-size:1rem}}.form-hint{color:#059669;font-size:.75rem;font-weight:500}.form-close{background:none;border:none;border-radius:.75rem;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .3s}.form-close:hover{background:#f9fafb}.form-close svg{height:1.5rem;width:1.5rem}.assignment-form{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:768px){.assignment-form{gap:2rem}}.form-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.form-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.full-width{grid-column:1/-1}}.form-group{gap:.75rem}.form-label{color:#4b5563;font-size:.875rem}.form-datetime,.form-input,.form-select{background:#fff;border:1px solid #d1d5db;border-radius:.75rem;color:#1f2937;font-size:.875rem;padding:.75rem 1rem;transition:all .3s;width:100%}@media (min-width:768px){.form-datetime,.form-input,.form-select{font-size:1rem;padding:1rem 1.25rem}}.form-datetime{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.form-input::placeholder{color:#6b7280}.form-datetime:focus,.form-input:focus,.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.form-datetime:disabled,.form-input:disabled,.form-select:disabled{cursor:not-allowed;opacity:.7}.input-with-icon{position:relative}.input-icon{color:#6b7280;height:1.25rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem}.input-with-icon .form-input{padding-left:2.75rem}@media (min-width:768px){.input-with-icon .form-input{padding-left:3.5rem}}.type-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr}@media (min-width:640px){.type-buttons{gap:.75rem;grid-template-columns:repeat(3,1fr)}}.type-button{align-items:center;border:1px solid #d1d5db;border-radius:.75rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:all .3s}.type-button:before{background:currentColor;border-radius:50%;content:"";height:.5rem;width:.5rem}@media (min-width:768px){.type-button{font-size:1rem;padding:.75rem 1rem}}.type-inactive{background:#f9fafb;color:#374151}.type-inactive:hover{background:#e5e7eb}.type-active{border-color:currentColor;border-width:2px;transform:scale(1.05)}.type-pre-test{border-color:#93c5fd}.type-post-test{border-color:#d8b4fe}.type-normal{border-color:#d1d5db}.form-note{color:#6b7280;font-size:.75rem;line-height:1.5;margin-top:.5rem}.form-actions{border-top:1px solid #3741514d;flex-direction:column;padding-top:1.5rem}@media (min-width:640px){.form-actions{flex-direction:row;gap:1.25rem;padding-top:2rem}}.submit-button{align-items:center;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:700;gap:.75rem;justify-content:center;padding:1rem 2rem;transition:all .3s}.submit-button:hover:not(:disabled){background:linear-gradient(90deg,#2563eb,#7c3aed);box-shadow:0 20px 25px -5px #0000001a}.submit-button:disabled{cursor:not-allowed;opacity:.7}.button-loader{animation:spin 1s linear infinite}.button-loader,.submit-button svg{height:1.375rem;width:1.375rem}.cancel-button{background:#f9fafb;border:1px solid #d1d5db;border-radius:.75rem;color:#374151;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s}.cancel-button:hover:not(:disabled){background:#e5e7eb}.cancel-button:disabled{cursor:not-allowed;opacity:.5}.loading-assignments{align-items:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff2;border:1px solid #e5e7eb;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;padding:4rem 1rem;text-align:center}.loading-spinner{color:#06b6d4;height:3rem;margin-bottom:2rem;width:3rem}.loading-title{color:#1f2937;font-size:1.125rem;font-weight:700;margin-bottom:.5rem}@media (min-width:768px){.loading-title{font-size:1.5rem}}.loading-subtitle{color:#6b7280}.empty-assignments{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff2;border:1px solid #e5e7eb;border-radius:1rem;padding:4rem 1rem;text-align:center}.empty-icon-container{align-items:center;background:linear-gradient(135deg,#f3e8ff,#e0f2fe);border-radius:1rem;display:inline-flex;height:4rem;justify-content:center;margin-bottom:1.5rem;width:4rem}@media (min-width:768px){.empty-icon-container{height:6rem;margin-bottom:2rem;width:6rem}}.empty-icon{color:#7c3aed;height:2rem;width:2rem}.empty-icon.text-emerald-500{color:#10b981}.empty-icon.text-rose-500{color:#f43f5e}.empty-title{color:#1f2937;font-size:1.25rem;margin-bottom:1rem}@media (min-width:768px){.empty-title{font-size:1.875rem}}.empty-message{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem}@media (min-width:768px){.empty-message{font-size:1rem}}.create-empty-button{align-items:center;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.625rem 1.5rem;transition:all .3s}.create-empty-button:hover{background:linear-gradient(90deg,#2563eb,#7c3aed)}.create-empty-button svg{height:1.125rem;width:1.125rem}.assignments-list{display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.assignments-list{gap:1.5rem}}.assignment-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff2;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden;position:relative;transition:all .5s}.assignment-card:hover{box-shadow:0 20px 25px -5px #0000001a}.card-disabled{border-color:#d1d5db;opacity:.8}.card-deadline-close{border-color:#f97316;box-shadow:0 0 30px #f973164d;overflow:hidden;position:relative}.card-deadline-close:before{animation:deadlineSlide 3s linear infinite;background:linear-gradient(90deg,#0000,#f97316,#0000);content:"";height:2px;left:-100%;position:absolute;top:0;width:100%}@keyframes deadlineSlide{0%{left:-100%}to{left:100%}}.card-upcoming{border-left:4px solid #10b981}.card-ended{border-left:4px solid #f43f5e;opacity:.8}.card-selesai{background:linear-gradient(90deg,#f0fdf41a,#fffffff2);border-left:4px solid #10b981}.card-terkunci{background:linear-gradient(90deg,#f5f3ff1a,#fffffff2);border-left:4px solid #8b5cf6}.card-completed{background:linear-gradient(90deg,#f0fdf433,#fffffff2);border-left:4px solid #10b981}.card-prerequisite-missing{border-left:4px solid #8b5cf6}.card-content{padding:1rem}@media (min-width:768px){.card-content{padding:1.5rem}}@media (min-width:1024px){.card-content{padding:2rem}}.card-header{flex-direction:column;gap:1.5rem}@media (min-width:1024px){.card-header{align-items:flex-start;flex-direction:row;gap:2rem;justify-content:space-between}}.card-main{flex:1 1}.card-badges{display:flex;flex-wrap:wrap;margin-bottom:1.5rem}.card-badges,.status-badge{align-items:center;gap:.5rem}.status-badge{border-radius:.75rem;display:inline-flex;font-size:.75rem;font-weight:700;padding:.375rem .75rem}.status-badge svg{height:.875rem;width:.875rem}.status-text{font-size:.75rem}.status-akan-datang{background:linear-gradient(90deg,#ecfdf5,#a7f3d0);border:1px solid #10b981;color:#065f46}.status-berlangsung{background:linear-gradient(90deg,#eff6ff,#93c5fd);border:1px solid #3b82f6;color:#1e40af}.status-berakhir{background:linear-gradient(90deg,#fff1f2,#fecdd3);border:1px solid #f43f5e;color:#9f1239}.status-ekstra{background:linear-gradient(90deg,#fffbeb,#fde68a);border:1px solid #f59e0b;color:#92400e}.status-deadline-close{animation:deadlinePulse 2s ease-in-out infinite;background:linear-gradient(90deg,#ffedd5,#fed7aa);border:1px solid #fdba74;color:#9a3412}@keyframes deadlinePulse{0%,to{box-shadow:0 0 0 0 #f9731666}50%{box-shadow:0 0 0 10px #f9731600}}.status-selesai{background:linear-gradient(90deg,#ecfdf5,#a7f3d0);border:1px solid #10b981;color:#065f46}.status-terkunci{background:linear-gradient(90deg,#f3e8ff,#e9d5ff);border:1px solid #8b5cf6;color:#6b21a8}.status-unknown{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.deadline-badge{animation:deadlinePulse 1s ease-in-out infinite;background:linear-gradient(90deg,#ef4444,#f97316);color:#fff;font-weight:700}.deadline-badge,.type-badge{border-radius:.75rem;font-size:.75rem;padding:.375rem .75rem}.type-badge{align-items:center;display:inline-flex;font-weight:500;gap:.25rem}.type-pre-test{background:linear-gradient(90deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.type-post-test{background:linear-gradient(90deg,#f3e8ff,#e9d5ff);border:1px solid #d8b4fe;color:#6b21a8}.type-normal{background:linear-gradient(90deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;color:#374151}.prerequisite-indicator{font-size:.625rem;margin-left:.125rem}.dept-badge{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.75rem;color:#374151;display:inline-flex;font-size:.75rem;font-weight:500;padding:.375rem .75rem}.dept-badge svg{height:.75rem;margin-right:.25rem;width:.75rem}.progress-badge{align-items:center;border-radius:.75rem;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem}.progress-completed{background:linear-gradient(90deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;color:#065f46}.progress-found{background:linear-gradient(90deg,#fffbeb,#fef3c7);border:1px solid #fde68a;color:#92400e}.progress-not-started{background:linear-gradient(90deg,#f9fafb,#eff6ff);border:1px solid #d1d5db;color:#374151}.progress-badge svg{height:.625rem;width:.625rem}.badge-loader.animate-spin{animation:spin 1s linear infinite}.badge-text{font-size:.75rem}.time-left-badge{align-items:center;border-radius:.75rem;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem}.time-left-normal{background:linear-gradient(90deg,#eff6ff,#ecfeff);border:1px solid #bfdbfe;color:#1e40af}.time-left-deadline-close{animation:deadlinePulse 2s ease-in-out infinite;background:linear-gradient(90deg,#ffedd5,#fed7aa);border:1px solid #fdba74;color:#9a3412}.time-left-text{font-weight:700}.prerequisite-badge{align-items:center;border-radius:.75rem;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem}.prerequisite-ok{background:linear-gradient(90deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;color:#065f46}.prerequisite-missing{background:linear-gradient(90deg,#f3e8ff,#e9d5ff);border:1px solid #d8b4fe;color:#6b21a8}.prerequisite-badge svg{height:.75rem;width:.75rem}.prerequisite-badge-text{font-size:.75rem}.assignment-title{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}@media (min-width:768px){.assignment-title{font-size:1.5rem;margin-bottom:2rem}}.completed-indicator{color:#10b981}.terkunci-title-indicator{color:#8b5cf6}.assignment-details{margin-bottom:1.5rem}.assignment-details,.link-card{display:flex;flex-direction:column;gap:1rem}.link-card{border:1px solid;border-radius:.75rem;padding:1rem}@media (min-width:640px){.link-card{align-items:center;flex-direction:row;gap:1rem;justify-content:space-between}}.forms-link{background:linear-gradient(90deg,#f9fafb,#eff6ff);border-color:#d1d5db}.excel-link{background:linear-gradient(90deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.excel-hidden{background:linear-gradient(90deg,#f9fafb,#f3f4f6);border-color:#d1d5db}.link-content{align-items:flex-start;display:flex;flex:1 1;gap:.75rem;min-width:0}.link-icon{color:#3b82f6;height:1.125rem;margin-top:.125rem;width:1.125rem}.excel-link .link-icon{color:#10b981}.excel-hidden .link-icon{color:#6b7280}.link-info{flex:1 1;min-width:0}.link-label{align-items:center;color:#374151;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;margin-bottom:.25rem}.link-label:before{content:"🔗";font-size:.75rem}.excel-link .link-label:before{content:"📊"}.forms-link .link-label:before{content:"📝"}@media (min-width:768px){.link-label{font-size:.875rem}}.link-url{align-items:center;display:flex;gap:.5rem}.link-anchor{color:#2563eb;font-size:.75rem;text-decoration:underline;transition:color .3s;word-break:break-all}@media (min-width:768px){.link-anchor{font-size:.875rem}}.link-anchor:hover{color:#1e40af}.link-anchor.link-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.link-disabled-message{color:#dc2626;font-size:.75rem;font-style:italic;margin-top:.25rem}.link-hidden-message{color:#6b7280;font-size:.75rem;font-style:italic}.link-hint{color:#10b981;font-size:.75rem;margin-top:.25rem}.copy-button,.link-actions{display:flex;gap:.5rem}.copy-button{align-items:center;background:#dbeafe;border:none;border-radius:.5rem;color:#1e40af;cursor:pointer;font-size:.75rem;padding:.375rem .75rem;transition:background .3s}.copy-button:hover{background:#bfdbfe}.copy-button svg{height:.875rem;width:.875rem}.excel-link .copy-button{background:#a7f3d0;color:#065f46}.excel-link .copy-button:hover{background:#86efac}.progress-button{align-items:center;background:#cffafe;border:none;border-radius:.5rem;color:#0e7490;cursor:pointer;display:flex;font-size:.75rem;gap:.5rem;padding:.375rem .75rem;transition:all .3s}.progress-button:hover:not(:disabled){background:#a5f3fc}.progress-button:disabled{cursor:not-allowed;opacity:.7}.progress-button svg{height:.875rem;width:.875rem}.progress-button-text{display:none}@media (min-width:640px){.progress-button-text{display:inline}}.deadline-indicator{align-items:center;animation:deadlineGlow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#ff6b00,#ff8c00 25%,orange 50%,#ff8c00 75%,#ff6b00);display:flex;gap:.5rem;height:.375rem;justify-content:center;left:0;padding:.25rem;position:absolute;right:0;top:0;z-index:10}@keyframes deadlineGlow{0%{background:linear-gradient(90deg,#ff6b00,#ff8c00 25%,orange 50%,#ff8c00 75%,#ff6b00);box-shadow:0 0 10px #ff6b004d}to{background:linear-gradient(90deg,#ff4500,tomato 25%,coral 50%,tomato 75%,#ff4500);box-shadow:0 0 20px #ff450099}}.calendar-clock-icon{animation:iconPulse 1.5s ease-in-out infinite alternate;color:#fff;height:.875rem;width:.875rem}@keyframes iconPulse{0%{opacity:.8;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.deadline-text{color:#fff;font-size:.625rem;font-weight:700;letter-spacing:.05em;text-shadow:0 1px 2px #0000004d}.terkunci-indicator{align-items:center;animation:terkunciGlow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#8b5cf6,#a78bfa 25%,#c4b5fd 50%,#a78bfa 75%,#8b5cf6);display:flex;gap:.5rem;height:.375rem;justify-content:center;left:0;padding:.25rem;position:absolute;right:0;top:0;z-index:10}@keyframes terkunciGlow{0%{background:linear-gradient(90deg,#8b5cf6,#a78bfa 25%,#c4b5fd 50%,#a78bfa 75%,#8b5cf6);box-shadow:0 0 10px #8b5cf64d}to{background:linear-gradient(90deg,#7c3aed,#8b5cf6 25%,#a78bfa 50%,#8b5cf6 75%,#7c3aed);box-shadow:0 0 20px #7c3aed99}}.key-icon{animation:keyPulse 1.5s ease-in-out infinite alternate;color:#fff;height:.875rem;width:.875rem}@keyframes keyPulse{0%{opacity:.8;transform:scale(.9) rotate(-10deg)}to{opacity:1;transform:scale(1.1) rotate(10deg)}}.terkunci-text{color:#fff;font-size:.625rem;font-weight:700;letter-spacing:.05em;text-shadow:0 1px 2px #0000004d}.prerequisite-warning-indicator{align-items:center;animation:warningGlow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#dc2626,#ef4444 25%,#f87171 50%,#ef4444 75%,#dc2626);display:flex;gap:.5rem;height:.375rem;justify-content:center;left:0;padding:.25rem;position:absolute;right:0;top:0;z-index:10}@keyframes warningGlow{0%{background:linear-gradient(90deg,#dc2626,#ef4444 25%,#f87171 50%,#ef4444 75%,#dc2626);box-shadow:0 0 10px #dc26264d}to{background:linear-gradient(90deg,#b91c1c,#dc2626 25%,#ef4444 50%,#dc2626 75%,#b91c1c);box-shadow:0 0 20px #b91c1c99}}.warning-icon{animation:warningPulse 1s ease-in-out infinite;color:#fff;height:.875rem;width:.875rem}@keyframes warningPulse{0%,to{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.warning-text{color:#fff;font-size:.625rem;font-weight:700;letter-spacing:.05em;text-shadow:0 1px 2px #0000004d}.progress-info{background:linear-gradient(90deg,#eff6ff,#ecfeff);border:1px solid #bfdbfe;border-radius:.75rem;margin-bottom:1.5rem;padding:.75rem}@media (min-width:768px){.progress-info{margin-bottom:2rem;padding:1.25rem}}.progress-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:.75rem}@media (min-width:640px){.progress-header{align-items:center;flex-direction:row;gap:1rem;justify-content:space-between}}.progress-title{align-items:center;color:#1e40af;display:flex;font-size:.875rem;font-weight:700;gap:.5rem}@media (min-width:768px){.progress-title{font-size:1rem}}.progress-title svg{height:1rem;width:1rem}.refresh-progress-button{align-items:center;background:none;border:none;color:#2563eb;cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;transition:color .3s}.refresh-progress-button:hover:not(:disabled){color:#1e40af}.refresh-progress-button:disabled{cursor:not-allowed;opacity:.7}.refresh-progress-button svg{height:.75rem;width:.75rem}.progress-details{flex-direction:column}.progress-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.progress-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}.progress-label{color:#374151}.progress-submit-time,.progress-value{font-size:.875rem;font-weight:500}.progress-submit-time{color:#059669}.progress-last-checked{font-size:.75rem}.progress-checked-time{color:#2563eb;font-weight:500}.progress-complete-info{background:linear-gradient(90deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:.5rem;margin-top:.5rem;padding:.75rem}.complete-message{color:#065f46;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.complete-hint{color:#059669;font-size:.75rem}.progress-empty{color:#374151;font-size:.875rem}.prerequisite-info{background:linear-gradient(90deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff;border-radius:.5rem;margin-top:.75rem;padding:.75rem}.prerequisite-header{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}@media (min-width:640px){.prerequisite-header{align-items:center;flex-direction:row;gap:1rem;justify-content:space-between}}.prerequisite-title{align-items:center;color:#7c3aed;display:flex;font-size:.875rem;font-weight:700;gap:.5rem}.prerequisite-title svg{height:.875rem;width:.875rem}.prerequisite-status{border-radius:.375rem;font-size:.75rem;padding:.25rem .5rem}.prerequisite-downloaded{background:#d1fae5;color:#065f46}.prerequisite-not-downloaded{background:#fee2e2;color:#991b1b}.check-prerequisite-button{background:none;border:none;color:#7c3aed;cursor:pointer;font-size:.75rem;transition:color .3s}.check-prerequisite-button:hover{color:#6d28d9}.prerequisite-details{color:#7c3aed;font-size:.75rem;line-height:1.5}@media (min-width:768px){.prerequisite-details{font-size:.875rem}}.prerequisite-ok{color:#059669}.prerequisite-warning{color:#dc2626}.prerequisite-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.refresh-prerequisite-button{align-items:center;background:none;border:none;color:#7c3aed;cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;transition:color .3s}.refresh-prerequisite-button:hover{color:#6d28d9}.refresh-prerequisite-button svg{height:.875rem;width:.875rem}.prerequisite-note{align-items:center;color:#8b5cf6;display:flex;font-size:.625rem;gap:.25rem}.prerequisite-note svg{height:.75rem;width:.75rem}.date-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}@media (min-width:768px){.date-grid{gap:1.5rem;grid-template-columns:repeat(3,1fr)}}.date-card{background:linear-gradient(90deg,#f9fafb80,#eff6ff80);border:1px solid #e5e7eb;border-radius:.75rem;padding:.75rem}@media (min-width:768px){.date-card{padding:1.25rem}}.date-card.extra-time{background:linear-gradient(90deg,#fffbeb,#fefce8);border-color:#fde68a}.date-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.extra-time .date-header{align-items:center;display:flex;justify-content:space-between}.extra-time-header{align-items:center;display:flex;gap:.5rem}.date-icon{color:#6b7280;height:1rem;width:1rem}.extra-time .date-icon{color:#d97706}.date-label{color:#4b5563;font-size:.75rem;font-weight:600}.extra-time .date-label{color:#92400e}.edit-extra-time{background:none;border:none;border-radius:.375rem;color:#d97706;cursor:pointer;padding:.25rem;transition:background .3s}.edit-extra-time:hover{background:#d977061a}.edit-extra-time svg{height:.875rem;width:.875rem}.date-value{color:#1f2937;font-size:.875rem;font-weight:700}@media (min-width:768px){.date-value{font-size:1rem}}.deadline-value{color:#1f2937;font-weight:700}.extra-time-value{color:#92400e}.card-actions{align-items:center;align-self:flex-start;gap:.5rem}.expand-button{background:none;border:none;border-radius:.75rem;color:#6b7280;cursor:pointer;padding:.5rem;transition:background .3s}.expand-button:hover{background:#f3f4f6}.expand-button svg{height:1.25rem;width:1.25rem}.external-link-button{background:none;border:none;border-radius:.75rem;color:#3b82f6;cursor:pointer;padding:.5rem;transition:all .3s}.external-link-button:hover:not(.link-disabled){background:#eff6ff}.external-link-button.link-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.external-link-button svg{height:1.25rem;width:1.25rem}.edit-button{background:none;border:none;border-radius:.75rem;color:#d97706;cursor:pointer;padding:.5rem;transition:background .3s}.edit-button:hover{background:#fffbeb}.edit-button svg{height:1.25rem;width:1.25rem}.delete-button{background:none;border:none;border-radius:.75rem;color:#dc2626;cursor:pointer;padding:.5rem;transition:background .3s}.delete-button:hover{background:#fef2f2}.delete-button svg{height:1.25rem;width:1.25rem}.card-footer{padding-top:1.5rem}.footer-actions{flex-direction:column;gap:1rem}@media (min-width:640px){.footer-actions{flex-direction:row;gap:1.5rem}}.forms-action-button{align-items:center;border-radius:.75rem;display:flex;flex:1 1;font-weight:700;gap:.75rem;justify-content:center;min-width:12.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s}.action-disabled{background:#f3f4f6;color:#374151;cursor:not-allowed;opacity:.5;pointer-events:none}.action-enabled{background:linear-gradient(90deg,#3b82f6,#8b5cf6);box-shadow:0 10px 15px -3px #0000001a;color:#fff}.action-enabled:hover{background:linear-gradient(90deg,#2563eb,#7c3aed);box-shadow:0 20px 25px -5px #0000001a;transform:scale(1.05)}.action-text-full{display:none}.action-text-mobile{display:inline}@media (min-width:640px){.action-text-full{display:inline}.action-text-mobile{display:none}}.forms-action-button svg{height:1.125rem;width:1.125rem}.complete-button{align-items:center;background:linear-gradient(90deg,#10b981,#22c55e);border:none;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:700;gap:.75rem;justify-content:center;min-width:12.5rem;padding:.75rem 1rem;transition:all .3s}.complete-button:hover:not(:disabled){background:linear-gradient(90deg,#059669,#16a34a);box-shadow:0 20px 25px -5px #0000001a;transform:scale(1.05)}.complete-button.button-loading,.complete-button:disabled{cursor:not-allowed;opacity:.7}.complete-text-full{display:none}.complete-text-mobile{display:inline}@media (min-width:640px){.complete-text-full{display:inline}.complete-text-mobile{display:none}}.complete-button svg{height:1.125rem;width:1.125rem}.completed-view-button{align-items:center;background:linear-gradient(90deg,#10b981,#22c55e);border:none;border-radius:.75rem;color:#fff;cursor:default;display:flex;flex:1 1;font-weight:700;gap:.75rem;justify-content:center;min-width:12.5rem;opacity:.8;padding:.75rem 1rem}.completed-view-text{font-size:.875rem}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.date-grid{grid-template-columns:1fr}.tab-button{flex:1 1;min-width:calc(50% - .5rem)}}@media (min-width:641px) and (max-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}.date-grid{grid-template-columns:repeat(2,1fr)}.tab-button{flex:none}}svg{flex-shrink:0}a svg,button svg{height:1.25rem;width:1.25rem}.card-badges svg{height:.875rem;width:.875rem}.assignments-container{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#f0f9ff,#e0f2fe 25%,#fefce8 50%,#fef3c7 75%,#fffbeb);background-size:400% 400%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.prerequisite-lock,.prerequisite-lock-title{color:#8b5cf6;margin-left:.25rem}.calendar-clock-small{color:#f97316;margin-left:.25rem}.filter-active-tab{color:#1e40af;font-weight:700}@media (min-width:1280px){.stats-grid{gap:1rem}.stat-card{min-height:95px;padding:1rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}}@media (min-width:768px) and (max-width:1023px){.stat-card{padding:.75rem}.stat-value{font-size:1.125rem}.stat-label{font-size:.65rem}.tab-button{font-size:.875rem;padding:.625rem 1rem}}@media (max-width:380px){.stats-grid{grid-template-columns:1fr}.tab-button{min-width:100%}.header-actions{flex-direction:column}.create-button,.refresh-button{width:100%}}.stat-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-card:hover .stat-icon-container{transform:scale(1.05);transition:transform .2s ease}.stat-card.active .stat-icon-container{border-width:2px}.stat-card.stat-akan-datang .stat-value,.stat-card.stat-berlangsung .stat-value,.stat-card.stat-total .stat-value{font-size:1.25rem}@media (max-width:640px){.header-card{background:linear-gradient(135deg,#667eea,#764ba2)}.time-display{background:#ffffff26}}.form-card{position:relative;z-index:10}.assignment-title{-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.link-anchor{word-wrap:break-word;overflow-wrap:break-word}@media (max-width:767px){.date-grid{grid-template-columns:1fr}.date-card{padding:1rem}}.tab-button:active,button:active{transform:scale(.98)}.assignment-card,.form-datetime,.form-input,.form-select,.link-anchor,.stat-card,.tab-button,button{transition:all .2s ease}.form-datetime:focus-visible,.form-input:focus-visible,.form-select:focus-visible,.search-input:focus-visible,.tab-button:focus-visible,button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media print{.assignments-container{background:#fff;padding:0}.card-actions,.error-debug,.filters-card,.footer-actions,.header-actions,.success-notification,.tab-navigation{display:none!important}.assignment-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--success-50:#f0fdf4;--success-100:#dcfce7;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--error-50:#fef2f2;--error-100:#fee2e2;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-indigo:#6366f1;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--glass-bg:#ffffffd9;--glass-border:#fff3;--glass-shadow:0 8px 32px #0000001a}.materi-container{animation:gradientFlow 20s ease infinite;background:linear-gradient(135deg,#f0f9ff,#fff 25%,#f8fafc 50%,#fff 75%,#f0f9ff);background:linear-gradient(135deg,var(--primary-50) 0,#fff 25%,#f8fafc 50%,#fff 75%,var(--primary-50) 100%);background-size:400% 400%;color:#262626;color:var(--neutral-800);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;padding:1rem;position:relative;width:100%}.materi-container:before{background:linear-gradient(180deg,#0ea5e908,#8b5cf605 50%,#0000);content:"";height:300px;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.materi-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #0000001a;box-shadow:var(--glass-shadow);margin-bottom:1.75rem;overflow:hidden;padding:1.75rem 2rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);z-index:10}.materi-header:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0ea5e9,#8b5cf6,#ec4899);background:linear-gradient(90deg,var(--primary-500),var(--accent-purple),var(--accent-pink));border-radius:9999px;border-radius:var(--radius-full);content:"";height:3px;left:0;position:absolute;right:0;top:0}.header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.title-section{flex:1 1;min-width:300px}.materi-title{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin:0 0 .75rem;position:relative}.title-icon{background:linear-gradient(135deg,#0ea5e9,#6366f1);background:linear-gradient(135deg,var(--primary-500),var(--accent-indigo));border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0ea5e94d;height:2.5rem;padding:.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:2.5rem}.materi-title:hover .title-icon{box-shadow:0 6px 20px #0ea5e966;transform:rotate(10deg) scale(1.05)}.title-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#262626,#525252);background:linear-gradient(135deg,var(--neutral-800),var(--neutral-600));-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;letter-spacing:-.025em}.materi-subtitle{color:#525252;color:var(--neutral-600);font-size:1rem;font-weight:400;line-height:1.6;margin:0;max-width:600px}.admin-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--accent-indigo),var(--accent-purple));border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 12px #6366f14d;color:#fff;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.5rem;letter-spacing:.05em;overflow:hidden;padding:.625rem 1.25rem;position:relative;text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.admin-badge:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.admin-badge:hover:before{left:100%}.admin-badge:hover{box-shadow:0 8px 24px #6366f166;transform:translateY(-2px)}.header-actions{flex-wrap:wrap;gap:.75rem}.header-button{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.625rem;letter-spacing:.025em;min-height:48px;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.header-button:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.header-button:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(20)}}.btn-add-material{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));box-shadow:0 4px 12px #0ea5e94d;color:#fff}.btn-add-material:hover{background:linear-gradient(135deg,#0284c7,#0369a1);background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 8px 24px #0ea5e966;transform:translateY(-2px)}.btn-hide-form{background:linear-gradient(135deg,#737373,#525252);background:linear-gradient(135deg,var(--neutral-500),var(--neutral-600));box-shadow:0 4px 12px #64748b33;color:#fff}.btn-hide-form:hover{background:linear-gradient(135deg,#525252,#404040);background:linear-gradient(135deg,var(--neutral-600),var(--neutral-700));box-shadow:0 8px 24px #64748b4d;transform:translateY(-2px)}.toggle-archive-btn{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-500),var(--warning-600));box-shadow:0 4px 12px #f59e0b4d;color:#fff}.toggle-archive-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);background:linear-gradient(135deg,var(--warning-600),var(--warning-700));box-shadow:0 8px 24px #f59e0b66;transform:translateY(-2px)}.toggle-archive-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--success-500),var(--success-600));box-shadow:0 4px 12px #22c55e4d}.debug-btn{background:#8b5cf61a;border:1px solid #8b5cf633;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#8b5cf6;color:var(--accent-purple)}.debug-btn:hover{background:#8b5cf633;border-color:#8b5cf64d;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.refresh-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #8b5cf64d;color:#fff;height:48px;justify-content:center;padding:0;width:48px}.refresh-btn:hover{animation:spin 1s ease-in-out;box-shadow:0 8px 24px #8b5cf666}.alert{align-items:flex-start;animation:slideIn .4s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000;border-radius:1rem;border-radius:var(--radius-xl);display:flex;gap:1rem;margin-bottom:1.75rem;overflow:hidden;padding:1.25rem 1.5rem;position:relative}.alert:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.alert-error{background:linear-gradient(135deg,#fef2f2f2,#fee2e2f2);border-color:#f871714d}.alert-error:before{background:linear-gradient(180deg,#ef4444,#dc2626);background:linear-gradient(180deg,var(--error-500),var(--error-600))}.alert-success{background:linear-gradient(135deg,#f0fdf4f2,#dcfce7f2);border-color:#22c55e4d}.alert-success:before{background:linear-gradient(180deg,#22c55e,#16a34a);background:linear-gradient(180deg,var(--success-500),var(--success-600))}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.alert-content{flex:1 1}.alert-title{font-size:1rem;font-weight:700;letter-spacing:.025em;margin-bottom:.375rem}.alert-error .alert-title{color:#b91c1c;color:var(--error-700)}.alert-success .alert-title{color:#15803d;color:var(--success-700)}.alert-message{color:#404040;color:var(--neutral-700);font-size:.9375rem;font-weight:400;line-height:1.6;white-space:pre-line}.alert-actions{gap:.75rem}.alert-actions,.alert-close{align-items:center;display:flex}.alert-close{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:1.125rem;height:32px;justify-content:center;opacity:.7;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:32px}.alert-close:hover{background:#0000000d;opacity:1;transform:rotate(90deg)}.progress-info-section{background:linear-gradient(135deg,#f0fdf4e6,#dcfce7e6);border:1px solid #22c55e33;border-radius:1rem;border-radius:var(--radius-xl);margin-bottom:1.75rem;overflow:hidden;padding:1.5rem;position:relative}.progress-info-section:before{background:linear-gradient(90deg,#22c55e,#16a34a);background:linear-gradient(90deg,var(--success-500),var(--success-600));content:"";height:3px;left:0;position:absolute;right:0;top:0}.progress-info-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.progress-info-header h3{color:#15803d;color:var(--success-700);font-size:1.125rem;font-weight:700;letter-spacing:-.025em;margin:0}.progress-count{background:#22c55e26;border-radius:9999px;border-radius:var(--radius-full);color:#15803d;color:var(--success-700);font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-left:auto;padding:.5rem 1rem}.progress-list{display:flex;flex-direction:column;gap:.625rem}.progress-item{align-items:center;background:#fffc;border:1px solid #22c55e1a;border-radius:.75rem;border-radius:var(--radius-lg);color:#404040;color:var(--neutral-700);display:flex;font-size:.9375rem;gap:.75rem;padding:.75rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.progress-item:hover{border-color:#22c55e4d;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateX(4px)}.activities-section{background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6);border:1px solid #ffffff26;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 8px 32px #6366f133;color:#fff;margin-bottom:1.75rem;overflow:hidden;padding:1.5rem;position:relative}.activities-section:before{animation:float 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:20px 20px;content:"";height:200%;left:-50%;opacity:.3;position:absolute;top:-50%;width:200%}.activities-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem;position:relative;z-index:1}.activities-header h3{color:#fff;font-size:1.125rem;font-weight:700;letter-spacing:-.025em;margin:0}.activities-count{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:.875rem;font-weight:600;margin-left:auto;padding:.5rem 1rem}.activities-list{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1}.activity-item{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:.9375rem;gap:1rem;padding:1rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.activity-item:hover{background:#ffffff26;border-color:#fff3;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.upload-section{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #0000001a;box-shadow:var(--glass-shadow);margin-bottom:1.75rem;overflow:hidden;padding:2rem;position:relative}.upload-section:before{background:linear-gradient(90deg,#0ea5e9,#8b5cf6,#ec4899);background:linear-gradient(90deg,var(--primary-500),var(--accent-purple),var(--accent-pink));border-radius:9999px;border-radius:var(--radius-full);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upload-section-header{align-items:flex-start;border-bottom:1px solid #0000001a;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.upload-title-section{align-items:flex-start;display:flex;flex:1 1;gap:1rem;min-width:300px}.upload-title-icon{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0ea5e94d;color:#fff;height:2rem;padding:.375rem;width:2rem}.upload-title{color:#262626;color:var(--neutral-800);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin:0}.upload-subtitle{color:#525252;color:var(--neutral-600);font-size:.9375rem;font-weight:400;line-height:1.5;margin:.375rem 0 0;max-width:500px}.upload-cancel-btn{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e5e5e5);background:linear-gradient(135deg,var(--neutral-100),var(--neutral-200));border:1px solid #d4d4d4;border:1px solid var(--neutral-300);border-radius:.75rem;border-radius:var(--radius-lg);color:#404040;color:var(--neutral-700);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.upload-cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#e5e5e5,#d4d4d4);background:linear-gradient(135deg,var(--neutral-200),var(--neutral-300));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#262626;color:var(--neutral-800);transform:translateY(-2px)}.upload-progress-section{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border:1px solid #e2e8f099;border-radius:1rem;border-radius:var(--radius-xl);margin-bottom:1.5rem;padding:1.5rem}.progress-header{align-items:center;color:#262626;color:var(--neutral-800);display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin-bottom:1rem}.progress-percentage{animation:pulse 2s ease-in-out infinite;color:#0284c7;color:var(--primary-600);font-size:1.125rem;font-weight:700;margin-left:auto}.progress-bar-container{background:linear-gradient(135deg,#e5e5e5,#d4d4d4);background:linear-gradient(135deg,var(--neutral-200),var(--neutral-300));height:.75rem;overflow:hidden}.progress-bar-container,.progress-bar-fill{border-radius:9999px;border-radius:var(--radius-full);position:relative}.progress-bar-fill{animation:shimmer 2s ease-in-out infinite,gradient 3s ease infinite;background:linear-gradient(90deg,#0ea5e9,#8b5cf6,#ec4899);background:linear-gradient(90deg,var(--primary-500),var(--accent-purple),var(--accent-pink));background-size:200% 100%;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);z-index:1}.progress-details{align-items:center;color:#525252;color:var(--neutral-600);display:flex;flex-wrap:wrap;font-size:.875rem;font-weight:500;gap:.75rem;justify-content:space-between;margin-top:1rem}.upload-form{width:100%}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-label{align-items:center;color:#404040;color:var(--neutral-700);display:flex;font-size:.9375rem;font-weight:600;gap:.375rem;letter-spacing:.025em}.required{color:#ef4444;color:var(--error-500);font-weight:700}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #d4d4d4;border:2px solid var(--neutral-300);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d;color:#262626;color:var(--neutral-800);font-size:1rem;font-weight:400;line-height:1.5;padding:.875rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0ea5e9;border-color:var(--primary-500);box-shadow:0 0 0 4px #0ea5e926;outline:none;transform:translateY(-1px)}.form-textarea{font-family:inherit;line-height:1.6;min-height:120px;resize:vertical}.loading-titles{align-items:center;background:#fafafa;background:var(--neutral-50);border:2px solid #e5e5e5;border:2px solid var(--neutral-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#525252;color:var(--neutral-600);display:flex;font-size:.9375rem;font-weight:500;justify-content:center;padding:1rem}.field-description{color:#737373;color:var(--neutral-500);font-size:.8125rem;font-style:italic;line-height:1.4;margin-top:.375rem}.file-upload-area{margin-top:.5rem;position:relative}.file-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.file-upload-label{background:linear-gradient(135deg,#fafafa,#f5f5f5);background:linear-gradient(135deg,var(--neutral-50),var(--neutral-100));border:2px dashed #d4d4d4;border:2px dashed var(--neutral-300);border-radius:1rem;border-radius:var(--radius-xl);cursor:pointer;display:block;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.file-upload-label:before{background:linear-gradient(135deg,#0000,#0ea5e91a 50%,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.file-upload-label:hover{background:linear-gradient(135deg,#eef2ffcc,#e0e7ffcc);border-color:#0ea5e9;border-color:var(--primary-500);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.file-upload-label:hover:before{opacity:1}.file-upload-content{gap:1rem;margin-bottom:1rem;position:relative;z-index:1}.file-info,.file-upload-content{align-items:center;display:flex;flex-direction:column}.file-info{gap:.375rem}.file-name{color:#262626;color:var(--neutral-800);font-size:1rem;font-weight:600;line-height:1.4;max-width:400px;text-align:center;word-break:break-word}.file-size{color:#525252;color:var(--neutral-600);font-size:.875rem;font-weight:500}.file-types{color:#525252;color:var(--neutral-600);font-size:.8125rem;font-weight:500;line-height:1.5;padding:.625rem 1rem;width:100%}.file-preview,.file-types{background:linear-gradient(135deg,#f5f5f5,#e5e5e5);background:linear-gradient(135deg,var(--neutral-100),var(--neutral-200));border-radius:.75rem;border-radius:var(--radius-lg)}.file-preview{align-items:center;border:1px solid #d4d4d4;border:1px solid var(--neutral-300);color:#262626;color:var(--neutral-800);display:flex;font-size:.9375rem;font-weight:600;gap:.75rem;margin-top:1rem;padding:.875rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.file-preview:hover{border-color:#0ea5e9;border-color:var(--primary-500);transform:translateX(4px)}.file-remove{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#737373;color:var(--neutral-500);cursor:pointer;display:inline-flex;justify-content:center;margin-left:auto;padding:.375rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.file-remove:hover{background:#ef44441a;color:#ef4444;color:var(--error-500);transform:rotate(90deg)}.form-actions{align-items:center;border-top:1px solid #0000001a;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.form-cancel-button,.form-submit-button{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;justify-content:center;letter-spacing:.025em;line-height:1.5;min-height:52px;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.form-cancel-button{background:linear-gradient(135deg,#f5f5f5,#e5e5e5);background:linear-gradient(135deg,var(--neutral-100),var(--neutral-200));border:2px solid #d4d4d4;border:2px solid var(--neutral-300);color:#404040;color:var(--neutral-700)}.form-cancel-button:hover:not(:disabled){background:linear-gradient(135deg,#e5e5e5,#d4d4d4);background:linear-gradient(135deg,var(--neutral-200),var(--neutral-300));border-color:#a3a3a3;border-color:var(--neutral-400);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#262626;color:var(--neutral-800);transform:translateY(-2px)}.form-submit-button{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:2px solid #0000;box-shadow:0 4px 12px #0ea5e94d;color:#fff}.form-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-color:#0369a1;border-color:var(--primary-700);box-shadow:0 8px 24px #0ea5e966;transform:translateY(-2px)}.filter-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #0000001a;box-shadow:var(--glass-shadow);margin-bottom:1.75rem;padding:1.5rem 2rem}.filter-controls{display:flex;flex-direction:column;gap:1.25rem}@media (min-width:768px){.filter-controls{align-items:center;flex-direction:row;justify-content:space-between}}.search-box{flex:1 1;min-width:min(100%,300px);position:relative}.search-icon{color:#737373;color:var(--neutral-500);height:1.25rem;left:1.25rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:1.25rem;z-index:2}.search-input{border:2px solid #d4d4d4;border:2px solid var(--neutral-300);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000d;color:#262626;color:var(--neutral-800);font-size:1rem;font-weight:400;line-height:1.5;padding:.875rem 1.25rem .875rem 3.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.search-input:focus{border-color:#0ea5e9;border-color:var(--primary-500);box-shadow:0 0 0 4px #0ea5e926}.search-input:focus+.search-icon{color:#0ea5e9;color:var(--primary-500);transform:translateY(-50%) scale(1.1)}.filter-selects{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.department-display{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border:2px solid #bae6fd;border:2px solid var(--primary-200);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-weight:500;gap:.75rem;min-height:48px;padding:.75rem 1.25rem}.department-label{color:#0369a1;color:var(--primary-700);font-weight:600}.department-value{color:#075985;color:var(--primary-800);font-weight:700}.filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23737373' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25rem;border:2px solid #d4d4d4;border:2px solid var(--neutral-300);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d;color:#262626;color:var(--neutral-800);cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;line-height:1.5;min-width:min(100%,200px);padding:.875rem 2.5rem .875rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.filter-select:focus{border-color:#0ea5e9;border-color:var(--primary-500);box-shadow:0 0 0 4px #0ea5e926;outline:none;transform:translateY(-1px)}.user-info{align-items:center;background:linear-gradient(135deg,#fafafa,#f5f5f5);background:linear-gradient(135deg,var(--neutral-50),var(--neutral-100));border:2px solid #e5e5e5;border:2px solid var(--neutral-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#404040;color:var(--neutral-700);font-weight:500;gap:.75rem;min-height:48px;padding:.75rem 1.25rem}.user-email{color:#0369a1;color:var(--primary-700);font-weight:600}.materials-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #0000001a;box-shadow:var(--glass-shadow);margin-bottom:2rem;padding:2rem}.section-header{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.section-header,.section-title{align-items:center;display:flex}.section-title{color:#262626;color:var(--neutral-800);font-size:1.5rem;font-weight:700;gap:.75rem;letter-spacing:-.025em;margin:0}.material-count{background:linear-gradient(135deg,#f5f5f5,#e5e5e5);background:linear-gradient(135deg,var(--neutral-100),var(--neutral-200));border-radius:9999px;border-radius:var(--radius-full);color:#404040;color:var(--neutral-700);font-size:.875rem;font-weight:600;letter-spacing:.025em;padding:.5rem 1rem}.section-info{color:#525252;color:var(--neutral-600);font-size:.9375rem;font-weight:500}.empty-state,.loading-state{background:linear-gradient(135deg,#fafafa,#fff);background:linear-gradient(135deg,var(--neutral-50),#fff);border:2px solid #e5e5e5;border:2px solid var(--neutral-200);border-radius:1rem;border-radius:var(--radius-xl);flex-direction:column;margin:2rem 0;padding:4rem 2rem;text-align:center}.empty-state,.loading-state,.spinner-container{align-items:center;display:flex;justify-content:center}.spinner-container{height:4rem;margin-bottom:1.5rem;position:relative;width:4rem}.spinner-container:before{animation:spin 1.5s linear infinite;background:conic-gradient(#0000,#0ea5e9);background:conic-gradient(#0000,var(--primary-500));border-radius:50%;content:"";height:100%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#fff calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#fff calc(100% - 2px));position:absolute;width:100%}.spinner-icon{animation:pulse 2s ease-in-out infinite;color:#0ea5e9;color:var(--primary-500);height:2rem;width:2rem}.loading-text{color:#404040;color:var(--neutral-700);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.loading-subtext{color:#737373;color:var(--neutral-500);font-size:.875rem;font-weight:500}.empty-icon{color:#a3a3a3;color:var(--neutral-400);height:5rem;margin-bottom:1.5rem;opacity:.8;width:5rem}.empty-title{color:#262626;color:var(--neutral-800);font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.empty-message{color:#525252;color:var(--neutral-600);font-size:1.0625rem;font-weight:400;line-height:1.6;margin:0 0 2rem;max-width:min(100%,500px)}.empty-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:2px solid #0000;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0ea5e94d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.75rem;justify-content:center;letter-spacing:.025em;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.btn-primary:hover{background:linear-gradient(135deg,#0284c7,#0369a1);background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-color:#0369a1;border-color:var(--primary-700);box-shadow:0 8px 24px #0ea5e966;transform:translateY(-2px)}.btn-secondary{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e5e5e5);background:linear-gradient(135deg,var(--neutral-100),var(--neutral-200));border:2px solid #d4d4d4;border:2px solid var(--neutral-300);border-radius:.75rem;border-radius:var(--radius-lg);color:#404040;color:var(--neutral-700);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.75rem;justify-content:center;letter-spacing:.025em;padding:.875rem 2rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.btn-secondary:hover{background:linear-gradient(135deg,#e5e5e5,#d4d4d4);background:linear-gradient(135deg,var(--neutral-200),var(--neutral-300));border-color:#a3a3a3;border-color:var(--neutral-400);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#262626;color:var(--neutral-800);transform:translateY(-2px)}.materials-table-container{background:#fff;border:1px solid #e5e5e5;border:1px solid var(--neutral-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000d;overflow-x:auto;position:relative}.materials-table{border-collapse:initial;border-spacing:0;min-width:100%;width:100%}.table-header{background:linear-gradient(135deg,#fafafa,#f5f5f5);background:linear-gradient(135deg,var(--neutral-50),var(--neutral-100));border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--neutral-200);font-size:.875rem;font-weight:700;letter-spacing:.05em;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:20}.table-cell,.table-header{color:#404040;color:var(--neutral-700);padding:1.25rem}.table-cell{background:#fff;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--neutral-200);font-weight:400;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);vertical-align:middle}.material-row:last-child .table-cell{border-bottom:none}.material-row:hover .table-cell{background:linear-gradient(135deg,#0ea5e908,#8b5cf605)}.material-row.archived{opacity:.85}.material-row.archived:hover{opacity:1}.material-title-cell{align-items:flex-start;display:flex;gap:1rem}.title-icon-wrapper{background:linear-gradient(135deg,#fafafa,#f5f5f5);background:linear-gradient(135deg,var(--neutral-50),var(--neutral-100));border:1px solid #e5e5e5;border:1px solid var(--neutral-200);border-radius:.75rem;border-radius:var(--radius-lg);flex-shrink:0;padding:.625rem;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.material-row:hover .title-icon-wrapper{border-color:#7dd3fc;border-color:var(--primary-300);transform:scale(1.05)}.title-content{flex:1 1;min-width:0}.title-main{color:#262626;color:var(--neutral-800);display:flex;line-height:1.4;margin-bottom:.375rem}.title-link,.title-main{align-items:center;gap:.375rem}.title-link{color:#0284c7;color:var(--primary-600);display:inline-flex;font-weight:600;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.title-link:hover{color:#0369a1;color:var(--primary-700);text-decoration:none;transform:translateX(2px)}.title-link:after{content:"→";opacity:0;transform:translateX(-4px);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.title-link:hover:after{opacity:1;transform:translateX(0)}.title-desc{color:#525252;color:var(--neutral-600);font-size:.8125rem;font-weight:400;line-height:1.5;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tipe-materi-cell{align-items:center;border:2px solid #0000;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.tipe-materi-cell.bg-blue-100{background:linear-gradient(135deg,#dbeafeb3,#bfdbfeb3);border-color:#3b82f64d;color:#075985;color:var(--primary-800)}.tipe-materi-cell.bg-yellow-100{background:linear-gradient(135deg,#fef3c7b3,#fde68ab3);border-color:#f59e0b4d;color:var(--warning-800)}.tipe-materi-cell.bg-green-100{background:linear-gradient(135deg,#d1fae5b3,#a7f3d0b3);border-color:#22c55e4d;color:var(--success-800)}.access-cell{align-items:flex-start;border:2px solid #0000;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:.875rem;gap:.5rem;min-width:150px;padding:.75rem}.access-granted{background:linear-gradient(135deg,#d1fae533,#a7f3d033);border-color:#22c55e33}.access-denied{background:linear-gradient(135deg,#fef3c733,#fde68a33);border-color:#f59e0b33}.access-status{font-size:.9375rem;font-weight:700;margin-bottom:.25rem}.access-granted .access-status{color:#15803d;color:var(--success-700)}.access-denied .access-status{color:#b45309;color:var(--warning-700)}.access-reason{color:#525252;color:var(--neutral-600);font-size:.8125rem;line-height:1.4}.status-cell{border:2px solid #0000;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:inline-flex;font-size:.8125rem;font-weight:700;gap:.5rem;letter-spacing:.05em;padding:.5rem 1.25rem;text-transform:uppercase;white-space:nowrap}.status-cell.active{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--success-500),var(--success-600));border-color:#15803d;border-color:var(--success-700);color:#fff}.status-cell.archived{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-500),var(--warning-600));border-color:#b45309;border-color:var(--warning-700);color:#fff}.action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;min-width:200px}.btn-action{align-items:center;background:linear-gradient(135deg,#fff,#fafafa);background:linear-gradient(135deg,#fff,var(--neutral-50));border:2px solid #d4d4d4;border:2px solid var(--neutral-300);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#525252;color:var(--neutral-600);cursor:pointer;display:inline-flex;height:2.5rem;justify-content:center;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:2.5rem}.btn-action:hover:not(:disabled){border-color:#0000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-action.download-btn{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--success-500),var(--success-600));border:2px solid #15803d;border:2px solid var(--success-700);box-shadow:0 4px 12px #22c55e4d;color:#fff}.btn-action.download-btn:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--success-600),var(--success-700));border-color:var(--success-800);box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}.btn-action.view-btn:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-color:#0369a1;border-color:var(--primary-700);color:#fff}.btn-action.copy-btn:hover{background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--accent-purple),var(--accent-indigo));border-color:#8b5cf6;border-color:var(--accent-purple);color:#fff}.btn-action.archive-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-500),var(--warning-600));border-color:#b45309;border-color:var(--warning-700);color:#fff}.edit-btn{align-items:center;background:linear-gradient(135deg,#fff,#fafafa);background:linear-gradient(135deg,#fff,var(--neutral-50));border:2px solid #d4d4d4;border:2px solid var(--neutral-300);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#525252;color:var(--neutral-600);display:inline-flex;height:2.5rem;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:2.5rem}.edit-btn:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-color:#0369a1;border-color:var(--primary-700);box-shadow:0 8px 24px #0ea5e94d;color:#fff;transform:translateY(-2px)}.btn-action.delete-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--error-500),var(--error-600));border-color:#b91c1c;border-color:var(--error-700);color:#fff}.no-actions-message{align-items:center;background:linear-gradient(135deg,#fafafa,#f5f5f5);background:linear-gradient(135deg,var(--neutral-50),var(--neutral-100));border:2px solid #e5e5e5;border:2px solid var(--neutral-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#525252;color:var(--neutral-600);display:inline-flex;font-size:.8125rem;gap:.5rem;min-height:2.5rem;min-width:150px;padding:.5rem 1rem}.materi-footer{border-top:2px solid #e5e5e5;border-top:2px solid var(--neutral-200);color:#525252;color:var(--neutral-600);font-size:.875rem;font-weight:500;justify-content:space-between;margin-top:2rem;padding:1.5rem 0}.footer-info,.footer-stats,.materi-footer{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.footer-info span,.footer-stats span{align-items:center;background:linear-gradient(135deg,#fafafa,#f5f5f5);background:linear-gradient(135deg,var(--neutral-50),var(--neutral-100));border:1px solid #e5e5e5;border:1px solid var(--neutral-200);border-radius:.75rem;border-radius:var(--radius-lg);display:inline-flex;gap:.375rem;padding:.375rem .75rem}@media (max-width:1200px){.materi-container{padding:.75rem}.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.filter-section,.materi-header,.materials-section,.upload-section{padding:1.5rem}.materials-table{min-width:1200px}}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.header-content{flex-direction:column;gap:1rem}.header-actions,.header-button{justify-content:center;width:100%}.upload-section-header{flex-direction:column;gap:1rem}.upload-title-section{min-width:100%}.form-actions{flex-direction:column;width:100%}.form-cancel-button,.form-submit-button{width:100%}.filter-controls{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.filter-selects{align-items:stretch;flex-direction:column}.filter-select{min-width:100%}.materi-footer{flex-direction:column;gap:.75rem;text-align:center}.action-buttons,.footer-info,.footer-stats{justify-content:center}}@media (max-width:480px){.materi-container{padding:.5rem}.filter-section,.materi-header,.materials-section,.upload-section{padding:1.25rem}.materi-title{align-items:flex-start;flex-direction:column;font-size:1.25rem;gap:.75rem}.admin-badge{align-self:flex-start}.section-title{font-size:1.25rem}.action-buttons{gap:.25rem}.btn-action{height:2.25rem;width:2.25rem}.empty-actions{flex-direction:column;width:100%}.empty-actions .btn-primary,.empty-actions .btn-secondary{width:100%}}@media print{.materi-container{background:#fff!important;color:#000!important;padding:0!important}.action-buttons,.activities-section,.alert,.debug-btn,.debug-section,.filter-section,.header-actions,.materi-footer,.progress-info-section,.refresh-btn,.toggle-archive-btn,.upload-section,.upload-toggle-btn{display:none!important}.materi-header,.materials-section{background:#fff!important;border:1px solid #ddd!important;box-shadow:none!important}.materials-table-container{border:none!important;overflow:visible!important}.materials-table{min-width:auto!important}.table-header{background:#f5f5f5!important;color:#000!important;font-weight:600!important}a[href]:after{color:#666;content:" (" attr(href) ")";font-size:.75em}}::-webkit-scrollbar{height:10px}::-webkit-scrollbar-track{background:linear-gradient(135deg,#fafafa,#f5f5f5);background:linear-gradient(135deg,var(--neutral-50),var(--neutral-100))}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#a3a3a3,#737373);background:linear-gradient(135deg,var(--neutral-400),var(--neutral-500));border:2px solid #fafafa;border:2px solid var(--neutral-50)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#737373,#525252);background:linear-gradient(135deg,var(--neutral-500),var(--neutral-600))}.materials-table-container::-webkit-scrollbar{height:8px}.materials-table-container::-webkit-scrollbar-track{background:#f5f5f5;background:var(--neutral-100)}.materials-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#38bdf8,#0ea5e9);background:linear-gradient(135deg,var(--primary-400),var(--primary-500))}.fade-in{animation:fadeIn .5s ease-out}.slide-in-left{animation:slideInLeft .5s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}.scale-in{animation:scaleIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{border-radius:.375rem;border-radius:var(--radius-sm);outline:3px solid #0ea5e9;outline:3px solid var(--primary-500);outline-offset:2px}.skeleton{animation:skeletonLoading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f5f5f5 25%,#e5e5e5 50%,#f5f5f5 75%);background:linear-gradient(90deg,var(--neutral-100) 25%,var(--neutral-200) 50%,var(--neutral-100) 75%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius-md)}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.glow-primary{box-shadow:0 0 20px #0ea5e94d}.glow-success{box-shadow:0 0 20px #22c55e4d}.glow-warning{box-shadow:0 0 20px #f59e0b4d}.glow-error{box-shadow:0 0 20px #ef44444d}.hover-card{cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.hover-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px) scale(1.01)}.mylearn-container{background:#f8fafc;max-width:100%;min-height:calc(100vh - 120px);padding:24px}.mylearn-header{margin-bottom:32px}.header-main{justify-content:space-between;margin-bottom:24px}.header-main,.header-title{align-items:center;display:flex}.header-title{gap:16px}.title-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#fff;display:flex;height:64px;justify-content:center;width:64px}.header-title h1{color:#111827;font-size:2rem;font-weight:700;margin:0}.subtitle{color:#4b5563;font-size:.875rem;margin-top:4px}.header-actions{align-items:center;display:flex;gap:12px}.filter-toggle,.refresh-btn,.view-toggle{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.filter-toggle:hover,.refresh-btn:hover,.view-toggle:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#3b82f6;transform:translateY(-2px)}.view-toggle.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-toggle{position:relative}.filter-badge{background:#ef4444;border-radius:50%;height:8px;position:absolute;right:-4px;top:-4px;width:8px}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.add-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;height:44px;padding:0 20px;transition:all .2s ease}.add-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:24px}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.total:before,.stat-card:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card.progress:before{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-card.completed:before{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.priority:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon{align-items:center;background:#f3f4f6;border-radius:12px;color:#3b82f6;display:flex;height:48px;justify-content:center;width:48px}.stat-card.progress .stat-icon{color:#06b6d4}.stat-card.completed .stat-icon{color:#10b981}.stat-card.priority .stat-icon{color:#ef4444}.stat-content{flex:1 1}.stat-value{font-size:1.875rem;line-height:1}.stat-label{color:#4b5563;font-size:.875rem;margin-top:4px}.progress-bar{background:#f3f4f6;margin-top:8px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:9999px;height:100%;transition:width .6s ease}.filters-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:24px;padding:24px}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.filters-header h3{color:#111827;font-size:1.125rem;margin:0}.clear-filters{background:none;border:none;border-radius:8px;color:#3b82f6;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.clear-filters:hover{background:#f3f4f6}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group label{color:#4b5563;display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.search-input-wrapper{position:relative}.search-input-wrapper input{border:1px solid #d1d5db;border-radius:12px;font-size:.875rem;padding:10px 16px 10px 40px;transition:all .2s ease;width:100%}.search-input-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-input-wrapper svg{color:#6b7280;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.filter-chip:hover{border-color:#3b82f6;color:#3b82f6}.filter-chip.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.sort-select{background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#111827;cursor:pointer;font-size:.875rem;padding:10px 12px;transition:all .2s ease;width:100%}.sort-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.mylearn-content{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-height:500px;padding:24px}.bulk-actions{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.bulk-actions,.bulk-info{align-items:center;display:flex}.bulk-info{gap:12px}.bulk-info input[type=checkbox]{cursor:pointer;height:18px;width:18px}.bulk-info span{color:#111827;font-weight:600}.bulk-buttons{display:flex;gap:12px}.bulk-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.bulk-btn:hover{background:#f3f4f6;transform:translateY(-1px)}.bulk-btn.danger{background:#fef2f2;border-color:#fecaca;color:#ef4444}.bulk-btn.danger:hover{background:#fee2e2}.loading-state{gap:16px;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.loading-state p{color:#4b5563;font-size:.875rem}.view-controls{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.results-info{color:#4b5563;font-size:.875rem}.view-options{align-items:center;display:flex;gap:8px}.view-label{color:#4b5563;font-size:.875rem}.view-option{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.view-option:hover{border-color:#3b82f6;color:#3b82f6}.view-option.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.learn-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.learn-item-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.learn-item-card.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.card-header{padding:16px 16px 8px}.card-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.card-actions{display:flex;gap:4px}.card-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.card-action-btn:hover{background:#f3f4f6;color:#3b82f6}.card-action-btn.more:hover{background:#f3f4f6;color:#111827}.card-body{cursor:pointer;padding:0 16px 16px}.item-icon{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;color:#3b82f6;display:flex;height:40px;justify-content:center;margin-bottom:12px;width:40px}.item-title{color:#111827;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 8px}.item-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:.875rem;line-height:1.5;margin-bottom:16px;overflow:hidden}.item-meta{display:flex;gap:16px;margin-bottom:12px}.meta-item{color:#6b7280;font-size:.75rem;gap:4px}.item-category{align-items:center;background:#f3f4f6;border-radius:9999px;color:#4b5563;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px}.card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px}.item-priority,.item-status{display:inline-block;margin-bottom:12px;margin-right:8px}.priority-badge,.status-badge{border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px}.item-progress{margin-top:8px}.progress-label{color:#4b5563;font-size:.75rem;margin-bottom:4px}.progress-container{align-items:center;display:flex;gap:8px}.progress-bar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:9999px;flex:1 1;height:6px;transition:width .6s ease}.progress-value{color:#111827;font-size:.75rem;font-weight:600;min-width:32px;text-align:right}.items-list{overflow-x:auto}.items-table{border-collapse:collapse;width:100%}.items-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.items-table th{color:#4b5563;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.items-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.items-table tbody tr:hover{background:#f9fafb}.items-table tbody tr.selected{background:#f0f9ff}.items-table td{color:#4b5563;font-size:.875rem;padding:16px}.checkbox-column{text-align:center;width:40px}.checkbox-column input[type=checkbox]{cursor:pointer;height:16px;width:16px}.item-title-cell{align-items:center;display:flex;gap:12px}.item-title-cell .item-icon{height:32px;margin:0;min-width:32px;width:32px}.title-main{color:#111827;font-weight:600;margin-bottom:2px}.title-sub{color:#6b7280;font-size:.75rem;line-height:1.4}.category-tag{background:#f3f4f6;border-radius:9999px;color:#4b5563;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px}.status-cell{align-items:center;display:flex;gap:8px}.status-dot{border-radius:50%;height:8px;width:8px}.priority-cell{border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;min-width:60px;padding:4px 8px;text-align:center}.progress-cell{align-items:center;display:flex;gap:8px}.progress-track{background:#f3f4f6;border-radius:9999px;flex:1 1;height:6px;min-width:80px;overflow:hidden}.progress-track .progress-fill{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:9999px;height:100%;transition:width .6s ease}.progress-text{color:#111827;font-weight:600;min-width:32px}.date-cell,.progress-text{font-size:.75rem}.date-time{color:#6b7280;margin-top:2px}.actions-column{width:120px}.table-actions{gap:4px}.table-action-btn,.table-actions{display:flex;justify-content:center}.table-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.table-action-btn:hover{background:#f3f4f6;color:#3b82f6}.empty-state{flex-direction:column;padding:80px 20px}.empty-icon,.empty-state{align-items:center;display:flex;justify-content:center}.empty-icon{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:24px;color:#3b82f6;height:96px;width:96px}.empty-state h3{color:#111827;font-size:1.5rem;margin:0 0 8px}.empty-state p{color:#4b5563;margin-bottom:24px;max-width:400px}.add-item-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.add-item-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.detail-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.detail-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:24px}.modal-header,.modal-title-section{align-items:flex-start;display:flex}.modal-title-section{flex:1 1;gap:16px}.modal-icon{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;color:#3b82f6;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.modal-title-section h2{color:#111827;font-size:1.5rem;line-height:1.3;margin:0 0 8px}.modal-subtitle{display:flex;flex-wrap:wrap;gap:16px}.modal-category{background:#f3f4f6;border-radius:9999px;color:#4b5563;font-size:.75rem;font-weight:500;padding:4px 12px}.modal-date{color:#6b7280;font-size:.875rem}.modal-close{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.modal-close:hover{background:#f3f4f6;color:#ef4444}.modal-body{padding:24px}.modal-stats{grid-gap:20px;border-bottom:1px solid #e5e7eb;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:32px;padding-bottom:24px}.modal-stat{text-align:center}.stat-label{color:#6b7280;font-size:.75rem;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#111827;font-size:1.25rem;font-weight:700}.stat-value.priority,.stat-value.status{background:#f3f4f6;border-radius:9999px;display:inline-block;font-size:.875rem;padding:4px 12px}.stat-value.progress{align-items:center;display:flex;flex-direction:column;gap:4px}.progress-bar-mini{background:#f3f4f6;border-radius:9999px;height:4px;overflow:hidden;width:80px}.progress-bar-mini .progress-fill{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:9999px;height:100%}.modal-section{margin-bottom:24px}.modal-section h3{color:#111827;font-size:1.125rem;margin:0 0 12px}.modal-description{color:#4b5563;line-height:1.6;margin:0}.modal-notes{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.modal-notes p{color:#4b5563;line-height:1.6;margin:0}.modal-notes .no-notes{color:#6b7280;font-style:italic}.modal-timeline{display:flex;gap:32px}.timeline-item{display:flex;flex:1 1;gap:12px}.timeline-dot{border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;height:16px;margin-top:2px;width:16px}.timeline-dot.start{background:#10b9811a;border-color:#10b981}.timeline-dot.end{background:#f59e0b1a;border-color:#f59e0b}.timeline-content{flex:1 1}.timeline-date{color:#6b7280;font-size:.75rem;margin-bottom:2px}.timeline-text{color:#111827;font-size:.875rem;font-weight:500}.modal-owner{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;gap:16px;padding:16px}.modal-owner,.owner-avatar{align-items:center;display:flex}.owner-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;flex-shrink:0;font-size:1.125rem;font-weight:600;height:48px;justify-content:center;width:48px}.owner-info{flex:1 1}.owner-name{color:#111827;font-weight:600;margin-bottom:2px}.owner-role{color:#4b5563;font-size:.875rem}.owner-access{flex-shrink:0}.access-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:6px 12px}.access-badge.full{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.access-badge.limited{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.modal-footer{border-top:1px solid #e5e7eb;padding:24px}.footer-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.modal-btn:hover{background:#f3f4f6;transform:translateY(-1px)}.modal-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff}.modal-btn.primary:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.modal-btn.secondary{background:#f3f4f6;color:#4b5563}@media (max-width:768px){.mylearn-container{padding:16px}.header-main{align-items:stretch;flex-direction:column;gap:16px}.header-actions{justify-content:flex-end}.filters-grid,.items-grid,.modal-stats,.stats-cards{grid-template-columns:1fr}.modal-timeline{gap:16px}.footer-actions,.modal-timeline{flex-direction:column}.footer-actions .modal-btn{justify-content:center;width:100%}}@media (max-width:480px){.header-title{align-items:flex-start;flex-direction:column;gap:12px}.title-icon{height:48px;width:48px}.bulk-actions{align-items:stretch;flex-direction:column;gap:12px}.bulk-buttons{justify-content:flex-end}.modal-owner{flex-direction:column}.modal-owner,.owner-info{text-align:center}}.spinning{animation:spin 1s linear infinite}:root{--primary:#6f2dbd;--primary-dark:#5b21b6;--primary-light:#8b5cf6;--secondary:#a663cc;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--accent:#b298dc;--dark:#171123}body{animation:rf-fade-in .5s ease-out;animation:rf-fade-in var(--duration-slow) ease-out}@keyframes rf-fade-in{0%{opacity:0}to{opacity:1}}.rf-container{background:#f8fafc;background:var(--bg-secondary);display:flex;flex-direction:column;min-height:100vh;position:relative}.rf-header{animation:rf-slide-down cubic-bezier(.4,0,.2,1) .25s ease;animation:rf-slide-down var(--transition-normal) cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-primary);background:#fffffffa;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100}@keyframes rf-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.rf-header-top{gap:2rem;justify-content:space-between;padding:.75rem 2rem}.rf-header-left,.rf-header-top{align-items:center;display:flex}.rf-header-left{animation:rf-slide-in-left .5s .1s both;animation:rf-slide-in-left var(--duration-slow) .1s both;flex:1 1;gap:1rem}@keyframes rf-slide-in-left{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.rf-menu-toggle{animation:rf-scale-in .25s ease .2s both;animation:rf-scale-in var(--transition-normal) .2s both;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:none;padding:.5rem;transition:.25s ease;transition:var(--transition-normal)}@keyframes rf-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rf-menu-toggle:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary);transform:rotate(90deg)}.rf-logo{align-items:center;cursor:pointer;display:flex;gap:.75rem;transition:transform .25s ease ease;transition:transform var(--transition-normal) ease}.rf-logo:hover{transform:translateX(4px)}.rf-logo-icon{align-items:center;animation:rf-pulse 2s infinite;background:linear-gradient(135deg,#6f2dbd,#a663cc);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;height:40px;justify-content:center;width:40px}@keyframes rf-pulse{0%{box-shadow:0 0 0 0 #6f2dbd66}70%{box-shadow:0 0 0 10px #6f2dbd00}to{box-shadow:0 0 0 0 #6f2dbd00}}@keyframes rf-text-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rf-logo-text p{font-size:.75rem}.rf-header-bottom{align-items:center;animation:rf-fade-in-up .5s .4s both;animation:rf-fade-in-up var(--duration-slow) .4s both;background:#f8fafc;background:var(--bg-secondary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:.75rem 2rem}@keyframes rf-fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rf-nav-container{display:flex;gap:.25rem}.rf-nav-item{align-items:center;animation:rf-nav-item-appear .25s ease both;animation:rf-nav-item-appear var(--transition-normal) both;animation-delay:.3s;animation-delay:calc(var(--item-index, 0)*.1s + .3s);background:none;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;position:relative;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1)}@keyframes rf-nav-item-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rf-nav-item:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary);transform:translateY(-2px) scale(1.05)}.rf-nav-item.active{animation:rf-nav-item-active ease-out .25s ease;animation:rf-nav-item-active var(--transition-normal) ease-out;background:#6f2dbd1a;color:#6f2dbd;color:var(--primary)}@keyframes rf-nav-item-active{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.rf-nav-indicator{animation:rf-indicator-glow 2s infinite;background:#6f2dbd;background:var(--primary);border-radius:50%;bottom:-.75rem;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}@keyframes rf-indicator-glow{0%,to{box-shadow:0 0 5px #6f2dbd;box-shadow:0 0 5px var(--primary);opacity:1}50%{box-shadow:0 0 10px #6f2dbd,0 0 20px #6f2dbd4d;box-shadow:0 0 10px var(--primary),0 0 20px #6f2dbd4d;opacity:.7}}.rf-header-meta{align-items:center;display:flex;gap:1rem}.rf-breadcrumb{color:#64748b;color:var(--text-secondary);font-size:.875rem}.rf-breadcrumb,.rf-breadcrumb span{align-items:center;display:flex;gap:.5rem}.rf-main-wrapper{flex:1 1;min-height:calc(100vh - 120px)}.rf-main-wrapper,.rf-sidebar{display:flex;position:relative}.rf-sidebar{animation:rf-sidebar-slide-in .5s cubic-bezier(.4,0,.2,1) forwards;animation:rf-sidebar-slide-in var(--duration-slow) cubic-bezier(.4,0,.2,1) forwards;background:#fff;background:var(--bg-primary);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;transition:width .25s ease ease;transition:width var(--transition-normal) ease;width:280px;z-index:50}.rf-sidebar.collapsed{width:80px}@keyframes rf-sidebar-slide-in{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.rf-sidebar-header{animation:rf-fade-in .25s ease .1s both;animation:rf-fade-in var(--transition-normal) .1s both;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:1.5rem}.rf-sidebar-brand{align-items:center;display:flex;gap:.75rem;transition:transform .25s ease ease;transition:transform var(--transition-normal) ease}.rf-sidebar-brand:hover{transform:translateX(5px)}.rf-sidebar-icon{align-items:center;animation:rf-rotate-in .5s .2s both;animation:rf-rotate-in var(--duration-slow) .2s both;background:linear-gradient(135deg,#6f2dbd,#a663cc);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;height:40px;justify-content:center;width:40px}@keyframes rf-rotate-in{0%{opacity:0;transform:rotate(-180deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}.rf-sidebar-title h3{animation:rf-text-reveal .25s ease .3s both;animation:rf-text-reveal var(--transition-normal) .3s both;color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600}.rf-sidebar-title p{font-size:.75rem}.rf-sidebar-content{animation:rf-fade-in .25s ease .3s both;animation:rf-fade-in var(--transition-normal) .3s both;flex:1 1;overflow-y:auto;padding:1.5rem}.rf-menu-section{animation:rf-fade-in-up .5s .3s both;animation:rf-fade-in-up var(--duration-slow) .3s both;margin-bottom:2rem}.rf-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem 0}.rf-section-header h4{color:#94a3b8;color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.rf-menu-items{display:flex;flex-direction:column;gap:.5rem}.rf-menu-item{align-items:center;animation:rf-menu-item-appear .25s ease both;animation:rf-menu-item-appear var(--transition-normal) both;animation-delay:.4s;animation-delay:calc(var(--item-index, 0)*.05s + .4s);background:none;border:2px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;overflow:hidden;padding:.875rem 1rem;position:relative;text-align:left;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1)}@keyframes rf-menu-item-appear{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.rf-menu-item:before{background:linear-gradient(180deg,#6f2dbd,#a663cc);background:linear-gradient(to bottom,var(--primary),var(--secondary));content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .25s ease ease;transition:transform var(--transition-normal) ease;width:4px}.rf-menu-item:hover{background:#f1f5f9;background:var(--bg-tertiary);border-color:#6f2dbd;border-color:var(--primary);transform:translateX(8px) scale(1.02)}.rf-menu-item:hover:before{transform:scaleY(1)}.rf-menu-item.active{animation:rf-menu-item-active ease-out .25s ease;animation:rf-menu-item-active var(--transition-normal) ease-out;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}@keyframes rf-menu-item-active{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.rf-menu-item.active:before{transform:scaleY(1)}.rf-menu-icon{align-items:center;animation:rf-icon-bounce .25s ease both;animation:rf-icon-bounce var(--transition-normal) both;animation-delay:.5s;animation-delay:calc(var(--item-index, 0)*.05s + .5s);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}@keyframes rf-icon-bounce{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.rf-menu-content{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0}.rf-menu-label{color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:500}.rf-menu-label,.rf-menu-sublabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-menu-sublabel{color:#64748b;color:var(--text-secondary);font-size:.75rem}.rf-menu-arrow{animation:rf-arrow-bounce 2s infinite;color:#6f2dbd;color:var(--primary);opacity:.8}@keyframes rf-arrow-bounce{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}.rf-sidebar-footer{animation:rf-fade-in .25s ease .6s both;animation:rf-fade-in var(--transition-normal) .6s both;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);padding:1.5rem}.rf-system-status{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem;margin-bottom:1rem}.rf-status-indicator{animation:rf-status-pulse 2s infinite,rf-glow 2s infinite alternate;background:#10b981;background:var(--success);border-radius:50%;height:8px;width:8px}@keyframes rf-status-pulse{0%{box-shadow:0 0 0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}@keyframes rf-glow{0%{filter:brightness(1)}to{filter:brightness(1.5)}}.rf-logout-btn{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%}.rf-logout-btn:hover{background:#e2e8f0;background:var(--border-light);color:#1e293b;color:var(--text-primary);transform:translateY(-2px) scale(1.02)}.rf-main-content{animation:rf-content-appear .5s .2s both;animation:rf-content-appear var(--duration-slow) .2s both;background:#f8fafc;background:var(--bg-secondary);flex:1 1;overflow-y:auto;padding:2rem;position:relative;z-index:1}@keyframes rf-content-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rf-content-page{display:flex;flex-direction:column;height:100%}.rf-page-header{animation:rf-slide-in-up .25s ease .4s both;animation:rf-slide-in-up var(--transition-normal) .4s both;margin-bottom:2rem}.rf-page-title{gap:1rem}.rf-page-title,.rf-title-icon{align-items:center;display:flex}.rf-title-icon{animation:rf-title-icon-enter .25s ease .5s both;animation:rf-title-icon-enter var(--transition-normal) .5s both;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;flex-shrink:0;height:60px;justify-content:center;width:60px}@keyframes rf-title-icon-enter{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.rf-page-title h1{-webkit-text-fill-color:#0000;animation:rf-gradient-shift 3s ease infinite;background:linear-gradient(90deg,#6f2dbd,#a663cc);background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);font-size:1.875rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}@keyframes rf-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.rf-page-title p{font-size:1rem}.rf-image-display{animation:rf-card-enter .5s .6s both;animation:rf-card-enter var(--duration-slow) .6s both;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex:1 1;flex-direction:column;overflow:hidden}@keyframes rf-card-enter{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rf-image-header{align-items:flex-start;animation:rf-fade-in .25s ease .7s both;animation:rf-fade-in var(--transition-normal) .7s both;background:#fff;background:var(--bg-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem 2rem}.rf-image-title{flex:1 1;margin-right:2rem;min-width:0}.rf-image-title h3{animation:rf-text-slide-in .25s ease .8s both;animation:rf-text-slide-in var(--transition-normal) .8s both;color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}@keyframes rf-text-slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.rf-image-title p{animation:rf-text-slide-in .25s ease .9s both;animation:rf-text-slide-in var(--transition-normal) .9s both;color:#64748b;color:var(--text-secondary);font-size:.875rem;max-width:600px}.rf-image-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.75rem}.rf-btn{align-items:center;animation:rf-button-appear .25s ease both;animation:rf-button-appear var(--transition-normal) both;animation-delay:.6s;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);white-space:nowrap}@keyframes rf-button-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rf-btn:hover{background:#f1f5f9;background:var(--bg-tertiary);border-color:#cbd5e1;border-color:var(--border-medium);color:#1e293b;color:var(--text-primary);transform:translateY(-2px) scale(1.05)}.rf-btn.primary{background:#6f2dbd;background:var(--primary);border-color:#6f2dbd;border-color:var(--primary);color:#fff;overflow:hidden;position:relative}.rf-btn.primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;transition:left var(--duration-slower) ease;width:100%}.rf-btn.primary:hover{background:#5b21b6;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px) scale(1.05)}.rf-btn.primary:hover:before{left:100%}.rf-image-content{align-items:center;animation:rf-fade-in .25s ease 1s both;animation:rf-fade-in var(--transition-normal) 1s both;display:flex;flex:1 1;justify-content:center;min-height:500px;padding:2rem}.rf-image-preview-container{animation:rf-container-enter .5s 1.1s both;animation:rf-container-enter var(--duration-slow) 1.1s both;background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;margin:0 auto;max-height:70vh;max-width:1000px;min-height:400px;overflow:hidden;position:relative;width:100%}@keyframes rf-container-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rf-preview-image{animation:rf-image-fade-in .5s 1.2s forwards;animation:rf-image-fade-in var(--duration-slow) 1.2s forwards;cursor:zoom-in;display:block;height:100%;object-fit:contain;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@keyframes rf-image-fade-in{to{opacity:1}}.rf-preview-image.loaded{opacity:1}.rf-preview-image:hover{filter:brightness(1.05);transform:scale(1.02)}.rf-image-error,.rf-image-loading{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.rf-loading-spinner{animation:spin 1s linear infinite,rf-spinner-glow 2s ease-in-out infinite;border:3px solid #e2e8f0;border-top-color:#6f2dbd;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}@keyframes rf-spinner-glow{0%,to{box-shadow:0 0 5px #6f2dbd33}50%{box-shadow:0 0 20px #6f2dbd66}}.rf-image-error svg{animation:rf-shake-error ease .25s ease;animation:rf-shake-error var(--transition-normal) ease;color:#ef4444;color:var(--danger)}@keyframes rf-shake-error{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.rf-error-help{color:#64748b;color:var(--text-secondary);font-size:.75rem;margin-top:.5rem;text-align:center}.rf-empty-state{align-items:center;animation:rf-fade-in .25s ease .5s both;animation:rf-fade-in var(--transition-normal) .5s both;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.rf-welcome-state{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl)}.rf-empty-icon,.rf-welcome-icon{animation:rf-icon-float 3s ease-in-out infinite;margin-bottom:2rem}.rf-empty-icon svg,.rf-welcome-icon svg{color:#6f2dbd;color:var(--primary)}.rf-empty-state h2{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.rf-empty-state p{font-size:1rem}.rf-welcome-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem;max-width:800px;width:100%}.rf-feature{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:.75rem;padding:1rem;transition:.25s ease;transition:var(--transition-normal)}.rf-feature:hover{background:#e2e8f0;background:var(--border-light);transform:translateY(-3px)}.rf-feature svg{color:#6f2dbd;color:var(--primary)}.rf-feature span{color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:500}.rf-two-column-table{animation:rf-table-enter .25s ease both;animation:rf-table-enter var(--transition-normal) both;animation-delay:.4s}.rf-two-column-table .rf-table-body{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.rf-two-column-table .rf-table-row{animation:rf-row-enter .25s ease both;animation:rf-row-enter var(--transition-normal) both;animation-delay:0s;animation-delay:calc(var(--row-index, 0)*.1s);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:grid;grid-template-columns:1fr 1fr;min-height:auto;transition:.25s ease;transition:var(--transition-normal)}.rf-two-column-table .rf-table-row:last-child{border-bottom:none}.rf-two-column-table .rf-table-row:hover{background:#f1f5f9;background:var(--bg-tertiary)}.rf-two-column-table .rf-table-row.rf-header-row{background:linear-gradient(135deg,#6f2dbd,#a663cc);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:600}.rf-two-column-table .rf-table-row.rf-header-row:hover{background:linear-gradient(135deg,#5b21b6,#a663cc);background:linear-gradient(135deg,var(--primary-dark),var(--secondary))}.rf-two-column-table .rf-table-cell{display:flex;flex-direction:column;padding:1.75rem 2rem}.rf-two-column-table .rf-table-cell.rf-column-1{border-right:1px solid #e2e8f0;border-right:1px solid var(--border-light)}.rf-two-column-table .rf-header-row .rf-table-cell{font-size:1.1rem;letter-spacing:.5px;padding:1.25rem 2rem}.rf-column-header{font-size:1.125rem;font-weight:700;padding:.5rem 0;text-align:center}.rf-column-content{display:flex;flex-direction:column;gap:1.25rem}.rf-sikap-header{justify-content:center}.rf-ras-header,.rf-sikap-header{display:flex;margin-bottom:.5rem}.rf-ras-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);gap:.5rem;padding-bottom:.5rem}.rf-ras-title{font-size:.9rem}.rf-ras-title svg{color:#6f2dbd;color:var(--primary)}.rf-sikap-tag{border:2px solid;border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1.5rem;text-align:center;text-transform:uppercase;transition:.25s ease;transition:var(--transition-normal)}.rf-sikap-tag:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:scale(1.05)}.rf-points-list{display:flex;flex-direction:column;gap:1rem}.rf-point-item{align-items:flex-start;display:flex;gap:.75rem;padding:.25rem 0}.rf-point-bullet{animation:rf-bullet-pulse 2s infinite;border-radius:50%;flex-shrink:0;height:8px;margin-top:.375rem;width:8px}@keyframes rf-bullet-pulse{0%,to{box-shadow:0 0 0 0 #6f2dbd66}70%{box-shadow:0 0 0 4px #6f2dbd00}}.rf-point-item span{color:#64748b;color:var(--text-secondary);flex:1 1;font-size:.875rem;line-height:1.6}.rf-tables-section{animation:rf-fade-in .25s ease .6s both;animation:rf-fade-in var(--transition-normal) .6s both;display:flex;flex-direction:column;gap:2rem}.rf-image-viewer-overlay{animation:rf-overlay-fade-in ease .25s ease;animation:rf-overlay-fade-in var(--transition-normal) ease;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#000000f5!important;bottom:0!important;display:block!important;left:0!important;opacity:1!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;z-index:9998!important}@keyframes rf-overlay-fade-in{0%{opacity:0}to{opacity:1}}.rf-image-viewer{animation:viewerPopIn .4s cubic-bezier(.175,.885,.32,1.275)!important;background:#fff!important;border:1px solid #ffffff26!important;border-radius:20px!important;box-shadow:0 40px 80px -20px #000000e6!important;display:flex!important;flex-direction:column!important;height:95vh!important;left:50%!important;max-width:1600px!important;overflow:hidden!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:98vw!important;z-index:9999!important}.rf-viewer-header{align-items:center;animation:rf-controls-enter .25s ease .2s both;animation:rf-controls-enter var(--transition-normal) .2s both;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;min-height:80px;padding:1.5rem 2rem}@keyframes rf-controls-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rf-viewer-title{flex:1 1;margin-right:2rem;min-width:0}.rf-viewer-title h3{animation:rf-text-wave 2s infinite;color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes rf-text-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.rf-viewer-title p{color:#64748b;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-viewer-controls{align-items:center;display:flex;flex-shrink:0;gap:1.5rem}.rf-zoom-controls{border-radius:12px;box-shadow:0 2px 4px #0000000d;gap:.5rem;padding:.5rem}.rf-control-btn,.rf-zoom-controls{align-items:center;background:#fff;border:1px solid #e2e8f0;display:flex}.rf-control-btn{border-radius:8px;color:#64748b;cursor:pointer;font-weight:500;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease cubic-bezier(.4,0,.2,1);width:40px}.rf-control-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 6px #0000000d;color:#1e293b;transform:translateY(-2px) scale(1.1)}.rf-control-btn:disabled{cursor:not-allowed;opacity:.4}.rf-zoom-level{color:#1e293b;font-size:.875rem;font-weight:700;min-width:70px;padding:0 .5rem;text-align:center}.rf-close-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-weight:500;height:44px;justify-content:center;transition:all .2s ease cubic-bezier(.4,0,.2,1);width:44px}.rf-close-btn:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 6px #dc262633;color:#fff;transform:translateY(-2px) rotate(90deg)}.rf-viewer-content{animation:rf-content-enter .25s ease .3s both;animation:rf-content-enter var(--transition-normal) .3s both;background:#f8fafc;cursor:grab;flex:1 1;overflow:hidden;padding:2rem;position:relative}@keyframes rf-content-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rf-viewer-content:active{cursor:grabbing}.rf-image-wrapper{align-items:center;display:flex;height:100%;justify-content:center;transition:transform .1s ease-out;width:100%;will-change:transform}.rf-viewer-image{-webkit-user-drag:none;border-radius:8px;box-shadow:0 4px 20px #0000001a;display:block;max-height:100%;max-width:100%;object-fit:contain;transform-origin:center center;-webkit-user-select:none;user-select:none}.rf-viewer-footer{align-items:center;animation:rf-footer-enter .25s ease .4s both;animation:rf-footer-enter var(--transition-normal) .4s both;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 2rem}@keyframes rf-footer-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rf-image-details{display:flex;flex-wrap:wrap;gap:2rem}.rf-detail-item{align-items:center;display:flex;gap:.5rem}.rf-detail-label{color:#64748b;font-size:.875rem;font-weight:600}.rf-detail-value{color:#1e293b;font-size:.875rem;font-weight:500}.rf-mobile-overlay{animation:rf-overlay-fade-in ease .25s ease;animation:rf-overlay-fade-in var(--transition-normal) ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;right:0;z-index:1999}.rf-mobile-menu,.rf-mobile-overlay{bottom:0;left:0;position:fixed;top:0}.rf-mobile-menu{animation:rf-mobile-menu-slide cubic-bezier(.4,0,.2,1) .25s ease;animation:rf-mobile-menu-slide var(--transition-normal) cubic-bezier(.4,0,.2,1);background:#fff;background:var(--bg-primary);display:flex;display:none;flex-direction:column;overflow-y:auto;width:320px;z-index:2000}@keyframes rf-mobile-menu-slide{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.rf-mobile-header{align-items:center;animation:rf-fade-in .25s ease .1s both;animation:rf-fade-in var(--transition-normal) .1s both;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem}.rf-mobile-brand{align-items:center;display:flex;gap:.75rem}.rf-mobile-brand svg{animation:rf-logo-spin 2s ease-in-out infinite;color:#6f2dbd;color:var(--primary)}@keyframes rf-logo-spin{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.rf-mobile-brand h3{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600}.rf-mobile-brand p{font-size:.75rem}.rf-mobile-close{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:.25s ease;transition:var(--transition-normal)}.rf-mobile-close:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary);transform:rotate(90deg)}.rf-mobile-nav{flex:1 1;overflow-y:auto;padding:1.5rem}.rf-mobile-section{animation:rf-fade-in .25s ease both;animation:rf-fade-in var(--transition-normal) both;animation-delay:.2s;animation-delay:calc(var(--section-index, 0)*.1s + .2s);margin-bottom:2rem}.rf-mobile-section h4{color:#94a3b8;color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.rf-mobile-nav-item{align-items:center;animation:rf-mobile-item-appear .25s ease both;animation:rf-mobile-item-appear var(--transition-normal) both;animation-delay:.3s;animation-delay:calc(var(--item-index, 0)*.05s + .3s);background:none;border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:.875rem 0;text-align:left;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%}@keyframes rf-mobile-item-appear{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.rf-mobile-nav-item:last-child{border-bottom:none}.rf-mobile-nav-item:hover{color:#1e293b;color:var(--text-primary);transform:translateX(10px)}.rf-mobile-nav-item svg:first-child{margin-right:.75rem}.rf-mobile-menu-item{align-items:center;animation:rf-mobile-item-appear .25s ease both;animation:rf-mobile-item-appear var(--transition-normal) both;animation-delay:.3s;animation-delay:calc(var(--item-index, 0)*.05s + .3s);background:none;border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:.75rem;padding:.875rem 0;text-align:left;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%}.rf-mobile-menu-item:last-child{border-bottom:none}.rf-mobile-menu-item.active{animation:rf-mobile-item-active ease-out .25s ease;animation:rf-mobile-item-active var(--transition-normal) ease-out;color:#6f2dbd;color:var(--primary)}@keyframes rf-mobile-item-active{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.rf-mobile-menu-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.rf-mobile-menu-item div{display:flex;flex:1 1;flex-direction:column;gap:.125rem}.rf-mobile-menu-item span{font-size:.875rem;font-weight:500}.rf-mobile-menu-item small{font-size:.75rem}.rf-mobile-footer{animation:rf-fade-in .25s ease .5s both;animation:rf-fade-in var(--transition-normal) .5s both;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);padding:1.5rem}.rf-mobile-action{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:1rem;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%}.rf-mobile-action:hover{background:#e2e8f0;background:var(--border-light);color:#1e293b;color:var(--text-primary);transform:translateY(-2px) scale(1.02)}.rf-btn.primary:after,.rf-control-btn:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.rf-btn.primary:hover:after,.rf-control-btn:hover:after{animation:rf-ripple 1s ease-out}@keyframes rf-ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(20)}}.rf-loading-bar{animation:rf-loading-progress 2s ease-in-out infinite;background:linear-gradient(90deg,#6f2dbd,#a663cc);background:linear-gradient(90deg,var(--primary),var(--secondary));height:3px;left:0;position:fixed;top:0;z-index:9999}@keyframes rf-loading-progress{0%{left:0;width:0}50%{left:0;width:100%}to{left:100%;width:0}}.rf-content-card,.rf-menu-item,.rf-nav-item,.rf-stat-card{position:relative;transition:all .25s ease cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1)}.rf-content-card:hover,.rf-menu-item:hover,.rf-nav-item:hover,.rf-stat-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px) scale(1.03)}.rf-logo-icon,.rf-sidebar-icon,.rf-stat-icon{animation:rf-icon-float 3s ease-in-out infinite}@keyframes rf-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rf-shimmer{overflow:hidden;position:relative}.rf-shimmer:after{animation:rf-shimmer-animation 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes rf-shimmer-animation{to{left:100%}}.rf-tada{animation:rf-tada-animation 1s ease-in-out}@keyframes rf-tada-animation{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.rf-jiggle{animation:rf-jiggle-animation .5s ease-in-out}@keyframes rf-jiggle-animation{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.rf-heartbeat{animation:rf-heartbeat-animation 1s infinite}@keyframes rf-heartbeat-animation{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.rf-breathing{animation:rf-breathing-animation 3s infinite alternate}@keyframes rf-breathing-animation{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.rf-zoom-in{animation:rf-zoom-in-animation ease-out .25s ease;animation:rf-zoom-in-animation var(--transition-normal) ease-out}@keyframes rf-zoom-in-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.rf-action-icon:focus-visible,.rf-btn:focus-visible,.rf-close-btn:focus-visible,.rf-control-btn:focus-visible,.rf-menu-item:focus,.rf-nav-item:focus,.rf-search-input:focus{animation:rf-focus-pulse 1s infinite;outline:2px solid #6f2dbd;outline:2px solid var(--primary);outline-offset:2px}@keyframes rf-focus-pulse{0%,to{box-shadow:0 0 0 2px #6f2dbd33}50%{box-shadow:0 0 0 4px #6f2dbd66}}::selection{animation:rf-selection-fade 2s ease;background:#6f2dbd33;color:#1e293b;color:var(--text-primary)}@keyframes rf-selection-fade{0%{background:#6f2dbd66}to{background:#6f2dbd33}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-medium);border-radius:4px;-webkit-transition:background .25s ease ease;transition:background .25s ease ease;-webkit-transition:background var(--transition-normal) ease;transition:background var(--transition-normal) ease}::-webkit-scrollbar-thumb:hover{animation:rf-scrollbar-glow 2s infinite;background:#94a3b8;background:var(--text-tertiary)}@keyframes rf-scrollbar-glow{0%,to{box-shadow:0 0 5px #6f2dbd33}50%{box-shadow:0 0 10px #6f2dbd66}}html{scroll-behavior:smooth}body.modal-open{height:100%;overflow:hidden;position:fixed;width:100%}.rf-animate-delay-100{animation-delay:.1s}.rf-animate-delay-200{animation-delay:.2s}.rf-animate-delay-300{animation-delay:.3s}.rf-animate-delay-400{animation-delay:.4s}.rf-animate-delay-500{animation-delay:.5s}.rf-animate-delay-600{animation-delay:.6s}.rf-animate-delay-700{animation-delay:.7s}.rf-animate-delay-800{animation-delay:.8s}.rf-animate-delay-900{animation-delay:.9s}.rf-animate-delay-1000{animation-delay:1s}.rf-animate-duration-fast{animation-duration:.15s}.rf-animate-duration-normal{animation-duration:.3s}.rf-animate-duration-slow{animation-duration:.5s}.rf-animate-duration-slower{animation-duration:.7s}.rf-animate-fill-both{animation-fill-mode:both}.rf-animate-fill-forwards{animation-fill-mode:forwards}.rf-animate-fill-backwards{animation-fill-mode:backwards}.rf-will-change-transform{will-change:transform}.rf-will-change-opacity{will-change:opacity}.rf-transform-gpu{transform:translateZ(0)}@media (max-width:1400px){.rf-image-viewer{height:92vh!important;width:96vw!important}}@media (max-width:1200px){.rf-header-bottom,.rf-header-top{padding:.75rem 1.5rem}.rf-main-content{padding:1.5rem}.rf-image-header{padding:1.25rem 1.5rem}.rf-two-column-table .rf-table-cell{padding:1.5rem}.rf-image-viewer{height:90vh!important;width:95vw!important}.rf-viewer-header{padding:1.25rem 1.5rem}.rf-viewer-content{padding:1.5rem}}@media (max-width:1024px){.rf-header-nav{display:none}.rf-menu-toggle{display:block}.rf-sidebar{display:none}.rf-mobile-menu,.rf-mobile-overlay{display:block}.rf-header-bottom{align-items:flex-start;flex-direction:column;gap:1rem}.rf-nav-container{overflow-x:auto;padding-bottom:.5rem;width:100%}.rf-viewer-controls{flex-wrap:wrap;gap:1rem}.rf-image-viewer{border-radius:16px!important}}@media (max-width:768px){.rf-header-top{flex-wrap:wrap;padding:.75rem 1rem}.rf-header-center{flex:1 0 100%;margin-top:1rem;order:3}.rf-header-bottom{padding:.75rem 1rem}.rf-main-content{padding:1rem}.rf-page-title h1{font-size:1.5rem}.rf-image-header{flex-direction:column;gap:1rem;padding:1rem}.rf-image-title{margin-right:0}.rf-image-content{padding:1rem}.rf-image-preview-container{max-height:60vh;min-height:300px}.rf-two-column-table .rf-table-row{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-light);grid-template-columns:1fr}.rf-two-column-table .rf-table-cell.rf-column-1{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);border-right:none}.rf-two-column-table .rf-table-row.rf-header-row{grid-template-columns:1fr}.rf-two-column-table .rf-header-row .rf-table-cell{padding:1rem}.rf-two-column-table .rf-table-cell{padding:1.25rem}.rf-image-viewer{border-radius:12px!important;height:95vh!important;width:98vw!important}.rf-viewer-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.rf-viewer-title{margin-right:0;text-align:center}.rf-viewer-controls{flex-wrap:wrap;justify-content:center}.rf-viewer-content{padding:1rem}.rf-viewer-footer{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem;text-align:center}.rf-zoom-controls{justify-content:center}}@media (max-width:640px){.rf-logo-text h1{font-size:1rem}.rf-logo-text p{font-size:.7rem}.rf-user-info{display:none}.rf-breadcrumb{font-size:.75rem}.rf-welcome-features{grid-template-columns:1fr}.rf-two-column-table .rf-table-footer{align-items:stretch;flex-direction:column;gap:1rem}.rf-mobile-menu{width:100%}.rf-control-btn{height:36px;width:36px}.rf-zoom-level{min-width:60px}.rf-close-btn{height:36px;width:36px}.rf-column-header{font-size:1rem}.rf-sikap-tag{font-size:.8rem;padding:.4rem 1rem}}@media (max-width:480px){.rf-btn span,.rf-search-shortcut{display:none}.rf-btn{padding:.625rem}.rf-control-btn{height:32px;width:32px}.rf-zoom-controls{padding:.25rem}.rf-two-column-table .rf-table-cell{padding:1rem}.rf-point-item{gap:.5rem}.rf-image-viewer{border-radius:0!important;height:100vh!important;width:100vw!important}.rf-image-details{flex-direction:column;gap:.5rem}}@media print{.rf-header,.rf-image-actions,.rf-image-viewer,.rf-image-viewer-overlay,.rf-sidebar,.rf-viewer-controls,.rf-viewer-footer{display:none!important}.rf-container{height:auto}.rf-main-content{margin:0;padding:0}.rf-content-card{box-shadow:none}.rf-content-card,.rf-two-column-table,.rf-two-column-table .rf-table-row{border:1px solid #000}}@media (prefers-color-scheme:dark){.rf-image-viewer,.rf-viewer-footer,.rf-viewer-header{background:#1e293b!important;color:#f1f5f9!important}.rf-viewer-title h3{color:#f1f5f9!important}.rf-viewer-title p{color:#94a3b8!important}.rf-control-btn,.rf-zoom-controls{background:#334155!important;border-color:#475569!important;color:#cbd5e1!important}.rf-control-btn:hover:not(:disabled){background:#475569!important;color:#f1f5f9!important}.rf-zoom-level{color:#f1f5f9!important}}.rf-logo-text h1{animation:rf-text-reveal .5s .3s both;animation:rf-text-reveal var(--duration-slow) .3s both;color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.2}.rf-logo-text p{animation:rf-text-reveal .5s .4s both;animation:rf-text-reveal var(--duration-slow) .4s both;line-height:1.3}.rf-logo-text p,.rf-sidebar-title p{color:#64748b;color:var(--text-secondary);font-size:.7rem}.rf-sidebar-title p{animation:rf-text-reveal .25s ease .4s both;animation:rf-text-reveal var(--transition-normal) .4s both}.rf-page-title p{animation:rf-text-reveal .25s ease .5s both;animation:rf-text-reveal var(--transition-normal) .5s both;max-width:600px}.rf-empty-state p,.rf-page-title p{color:#64748b;color:var(--text-secondary);font-size:.95rem;line-height:1.4}.rf-empty-state p{margin-bottom:2rem;max-width:400px}.rf-mobile-brand p,.rf-mobile-menu-item small{color:#64748b;color:var(--text-secondary);font-size:.7rem;line-height:1.3}@media (max-width:640px){.rf-logo-text p{line-height:1.2}.rf-logo-text p,.rf-sidebar-title p{font-size:.65rem}.rf-empty-state p,.rf-page-title p{font-size:.85rem}.rf-mobile-brand p,.rf-mobile-menu-item small{font-size:.65rem}}.rf-two-column-table .rf-header-row .rf-table-cell{font-size:.95rem;letter-spacing:.3px;line-height:1.3;padding:1rem 1.5rem;text-align:center}@media (max-width:768px){.rf-two-column-table .rf-header-row .rf-table-cell{font-size:.85rem;padding:.75rem 1rem}}.rf-ras-title{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:600;gap:.5rem}@media (max-width:768px){.rf-ras-title{font-size:.75rem}}body{overflow-x:hidden}.rg-menu-toggle{display:none}.rg-logo-text{display:flex;flex-direction:column;gap:.25rem}.rg-header-nav-bottom{animation:rg-slide-in-up .5s .2s both;animation:rg-slide-in-up var(--duration-slow) .2s both;background:#f1f5f9;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;padding:.75rem 2rem}.rg-nav-items{display:flex;gap:.25rem;justify-content:flex-start}.rg-layout{display:flex;flex:1 1;min-height:calc(100vh - 160px);position:relative}.rg-sidebar-brand{margin-bottom:1rem}.rg-sidebar-status{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem}.rg-sidebar-content{overflow-y:auto}.rg-search-box{margin-bottom:1.5rem;position:relative}.rg-search-box svg{animation:rg-shake .5s 1s both;color:#94a3b8;color:var(--text-tertiary);left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}@keyframes rg-shake{0%,to{transform:translateY(-50%) rotate(0)}25%{transform:translateY(-50%) rotate(-15deg)}75%{transform:translateY(-50%) rotate(15deg)}}.rg-search-box input{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;transition:.25s ease ease;transition:var(--transition-normal) ease;width:100%}.rg-search-box input:focus{background:#fff;background:var(--bg-primary);border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none;transform:scale(1.02)}.rg-section-badge{animation:rg-bounce 1s infinite alternate;background:#f1f5f9;background:var(--bg-tertiary);border-radius:9999px;color:#64748b;color:var(--text-secondary);font-size:.75rem;padding:.125rem .5rem}@keyframes rg-bounce{0%{transform:scale(1)}to{transform:scale(1.05)}}.rg-menu-item{overflow:hidden}.rg-menu-arrow{animation:rg-arrow-bounce 2s infinite;color:#2563eb;color:var(--primary);opacity:.8}@keyframes rg-arrow-bounce{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}.rg-menu-badge{background:#f1f5f9;background:var(--bg-tertiary);border-radius:.375rem;border-radius:var(--radius-sm);color:#64748b;color:var(--text-secondary);font-size:.75rem;padding:.25rem .5rem}.rg-sidebar-info{margin-top:auto}.rg-info-card{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.rg-info-card svg{animation:rg-icon-spin 20s linear infinite;color:#059669;color:var(--success)}@keyframes rg-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rg-info-card h4{color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:600}.rg-info-card p{font-size:.75rem}.rg-back-btn,.rg-info-card p{color:#64748b;color:var(--text-secondary)}.rg-back-btn{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.75rem;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%}.rg-back-btn:hover{background:#e2e8f0;background:var(--border-light);color:#1e293b;color:var(--text-primary);transform:translateY(-2px) scale(1.02)}.rg-footer-info{color:#94a3b8;color:var(--text-tertiary);font-size:.75rem;text-align:center}.rg-main-content{overflow-y:auto}.rg-content-header{align-items:flex-start;animation:rg-slide-in-up .25s ease .4s both;animation:rg-slide-in-up var(--transition-normal) .4s both;display:flex;justify-content:space-between;margin-bottom:2rem}.rg-header-title h1{-webkit-text-fill-color:#0000;animation:rg-gradient-shift 3s ease infinite;background:linear-gradient(90deg,#2563eb,#7c3aed);background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);font-size:1.875rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.rg-header-title p{animation:rg-text-reveal .25s ease .5s both;animation:rg-text-reveal var(--transition-normal) .5s both;color:#64748b;color:var(--text-secondary);font-size:1rem;max-width:600px}.rg-header-stats{display:flex;gap:1rem}.rg-stat-card{align-items:center;animation:rg-stat-card-appear .25s ease both;animation:rg-stat-card-appear var(--transition-normal) both;animation-delay:.5s;animation-delay:calc(var(--card-index, 0)*.1s + .5s);background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:.75rem;min-width:140px;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1)}@keyframes rg-stat-card-appear{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.rg-stat-card:hover{border-color:#2563eb;border-color:var(--primary);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px) scale(1.03)}.rg-stat-card:before{animation:rg-progress-bar 2s ease infinite;background:linear-gradient(90deg,#2563eb,#7c3aed);background:linear-gradient(90deg,var(--primary),var(--secondary));content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes rg-progress-bar{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.rg-stat-icon{align-items:center;animation:rg-icon-spin 20s linear infinite;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;height:40px;justify-content:center;width:40px}.rg-stat-value{animation:rg-count-up 1s ease-out;color:#1e293b;color:var(--text-primary);display:block;font-size:1.5rem;font-weight:700;line-height:1.2}@keyframes rg-count-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rg-stat-label{color:#64748b;color:var(--text-secondary);font-size:.875rem}.rg-content-card{animation:rg-card-enter .5s .6s both;animation:rg-card-enter var(--duration-slow) .6s both;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1)}.rg-content-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-5px) scale(1.02)}.rg-card-header{align-items:flex-start;animation:rg-fade-in .25s ease .7s both;animation:rg-fade-in var(--transition-normal) .7s both;background:#fff;background:var(--bg-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem 2rem}.rg-card-title h2{animation:rg-text-slide-in .25s ease .8s both;animation:rg-text-slide-in var(--transition-normal) .8s both;color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.rg-card-title p{animation:rg-text-slide-in .25s ease .9s both;animation:rg-text-slide-in var(--transition-normal) .9s both;color:#64748b;color:var(--text-secondary);font-size:.875rem;max-width:600px}.rg-card-actions{display:flex;flex-wrap:wrap;gap:.75rem}.rg-image-preview{animation:rg-fade-in .25s ease 1s both;animation:rg-fade-in var(--transition-normal) 1s both;padding:2rem}.rg-image-container{animation:rg-container-enter .5s 1.1s both;animation:rg-container-enter var(--duration-slow) 1.1s both;background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;margin:0 auto;max-height:70vh;max-width:1000px;min-height:500px;overflow:hidden}.rg-image-error svg{animation:rg-shake-error ease .25s ease;animation:rg-shake-error var(--transition-normal) ease;color:#dc2626;color:var(--danger)}.rg-retry-btn{background:#2563eb;background:var(--primary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;overflow:hidden;padding:.5rem 1.5rem;position:relative;transition:.25s ease;transition:var(--transition-normal)}.rg-retry-btn:hover{background:#1d4ed8;background:var(--primary-dark);transform:translateY(-2px)}.rg-image-info{background:#f1f5f9;background:var(--bg-tertiary);border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:2rem;margin-top:1.5rem;padding:1rem}.rg-info-item{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.rg-info-item svg{color:#94a3b8;color:var(--text-tertiary)}.rg-table-container{animation:rg-table-enter .25s ease both;animation:rg-table-enter var(--transition-normal) both;animation-delay:.6s;animation-delay:calc(var(--table-index, 0)*.2s + .6s);padding:0 2rem 2rem}@keyframes rg-table-enter{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rg-table-responsive{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);max-height:60vh;overflow-x:auto;overflow-y:auto}.rg-data-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.rg-table-header{align-items:center;display:flex;gap:.5rem}.rg-data-table td{animation:rg-row-enter .25s ease both;animation:rg-row-enter var(--transition-normal) both;animation-delay:.3s;animation-delay:calc(var(--row-index, 0)*.05s + .3s);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:1rem 1.5rem}@keyframes rg-row-enter{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.rg-table-cell{align-items:center;display:flex;gap:.75rem}.rg-number-badge{background:#f1f5f9;background:var(--bg-tertiary);border-radius:.375rem;border-radius:var(--radius-sm);color:#64748b;color:var(--text-secondary);display:inline-flex;height:28px;width:28px}.rg-avatar-small,.rg-number-badge{align-items:center;font-size:.75rem;font-weight:600;justify-content:center}.rg-avatar-small{animation:rg-float 3s ease-in-out infinite;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:32px;width:32px}.rg-name{color:#1e293b;color:var(--text-primary);font-weight:500}.rg-subtext{font-size:.75rem}.rg-department,.rg-subtext{color:#64748b;color:var(--text-secondary)}.rg-department{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.rg-department svg{color:#94a3b8;color:var(--text-tertiary)}.rg-actions-cell{display:flex;gap:.5rem;justify-content:flex-end}.rg-icon-btn{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.375rem;border-radius:var(--radius-sm);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:32px}.rg-icon-btn:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary);transform:rotate(15deg) scale(1.1)}.rg-table-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem 2rem}.rg-table-info{color:#64748b;color:var(--text-secondary);font-size:.875rem}.rg-table-pagination{display:flex;gap:.25rem}.rg-pagination-btn{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;height:36px;justify-content:center;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:36px}.rg-pagination-btn:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary);transform:translateY(-2px)}.rg-pagination-btn.active{animation:rg-pagination-active .3s ease;background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);color:#fff}@keyframes rg-pagination-active{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(1)}}.rg-pagination-btn.disabled{cursor:not-allowed;opacity:.5}.rg-modal-overlay{animation:rg-overlay-fade-in ease .25s ease;animation:rg-overlay-fade-in var(--transition-normal) ease;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#000000f5!important;bottom:0!important;display:block!important;left:0!important;opacity:1!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;z-index:9998!important}.rg-image-viewer{animation:viewerPopIn .4s cubic-bezier(.175,.885,.32,1.275)!important;background:#fff!important;border:1px solid #ffffff26!important;border-radius:20px!important;box-shadow:0 40px 80px -20px #000000e6!important;display:flex!important;flex-direction:column!important;height:95vh!important;left:50%!important;max-width:1600px!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:98vw!important;z-index:9999!important}.rg-image-viewer.fullscreen{animation:none!important;border-radius:0!important;height:100vh!important;left:0!important;max-width:none!important;top:0!important;transform:none!important;width:100vw!important}.rg-action-controls{align-items:center;display:flex;gap:.75rem}.rg-viewer-body{align-items:center;animation:rg-content-enter .25s ease .3s both;animation:rg-content-enter var(--transition-normal) .3s both;background:#f8fafc;cursor:default;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;padding:2rem;position:relative}.rg-viewer-body:active{cursor:grabbing}.rg-image-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:auto;padding:1rem;position:relative;width:100%}.rg-full-image{-webkit-user-drag:none;border-radius:8px;box-shadow:0 4px 20px #0000001a;cursor:grab;display:block;max-height:100%;max-width:100%;object-fit:contain;transition:transform .1s ease;-webkit-user-select:none;user-select:none;will-change:transform}.rg-full-image:active{cursor:grabbing}.rg-footer-info{color:#64748b;font-size:.875rem;font-weight:500}.rg-modal-close-btn{background:#3b82f6;border:none;border-radius:10px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;overflow:hidden;padding:.75rem 2rem;position:relative;transition:all .2s ease cubic-bezier(.4,0,.2,1)}.rg-modal-close-btn:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-2px) scale(1.05)}.rg-mobile-overlay{display:none}.rg-mobile-menu{display:none;overflow-y:auto}.rg-mobile-nav{overflow-y:auto}.rg-module-content{animation:rg-fade-in .25s ease .8s both;animation:rg-fade-in var(--transition-normal) .8s both;padding:2rem}.rg-module-info{align-items:center;animation:rg-module-appear .25s ease .9s both;animation:rg-module-appear var(--transition-normal) .9s both;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:2rem;margin:0 auto;max-width:800px;padding:2rem}@keyframes rg-module-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rg-module-icon{align-items:center;animation:rg-module-icon-bounce 2s infinite;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}@keyframes rg-module-icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rg-module-details{flex:1 1}.rg-module-details h3{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.rg-module-details p{color:#64748b;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.rg-module-features{display:flex;flex-direction:column;gap:.75rem}.rg-feature{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.75rem}.rg-feature svg{color:#059669;color:var(--success)}@media (max-width:1400px){.rg-image-viewer{height:92vh!important;width:96vw!important}}@media (max-width:1200px){.rg-header-nav-bottom,.rg-header-top{padding:.75rem 1.5rem}.rg-main-content{padding:1.5rem}.rg-card-header{padding:1.25rem 1.5rem}.rg-table-container{padding:0 1.5rem 1.5rem}.rg-image-viewer{height:90vh!important;width:95vw!important}.rg-viewer-header{padding:1.25rem 1.5rem}.rg-viewer-body{padding:1.5rem}}@media (max-width:1024px){.rg-menu-toggle{display:block}.rg-sidebar{display:none}.rg-mobile-menu,.rg-mobile-overlay{display:block}.rg-content-header{flex-direction:column;gap:1.5rem}.rg-header-stats{justify-content:flex-start;width:100%}.rg-viewer-controls{flex-wrap:wrap;gap:1rem}.rg-image-viewer{border-radius:16px!important}}@media (max-width:768px){.rg-header-nav-bottom,.rg-header-top{padding:.75rem 1rem}.rg-main-content{padding:1rem}.rg-header-title h1{font-size:1.5rem}.rg-card-header{flex-direction:column;gap:1rem;padding:1rem}.rg-card-actions{justify-content:flex-start;width:100%}.rg-image-preview{padding:1rem}.rg-image-container{max-height:60vh;min-height:400px}.rg-table-container{padding:0 1rem 1rem}.rg-data-table td,.rg-data-table th{padding:.75rem 1rem}.rg-image-viewer{border-radius:12px!important;height:95vh!important;width:98vw!important}.rg-viewer-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.rg-viewer-title{margin-right:0;text-align:center}.rg-viewer-controls{flex-wrap:wrap;justify-content:center}.rg-viewer-body{padding:1rem}.rg-viewer-footer{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem;text-align:center}.rg-zoom-controls{justify-content:center}}@media (max-width:640px){.rg-logo-text h1{font-size:1rem}.rg-logo-text p{font-size:.7rem}.rg-nav-items{overflow-x:auto;padding-bottom:.5rem}.rg-nav-item{flex-shrink:0;padding:.5rem 1rem}.rg-image-info{flex-direction:column;gap:.75rem}.rg-table-footer{align-items:stretch;flex-direction:column;gap:1rem}.rg-table-pagination{justify-content:center}.rg-mobile-menu{width:100%}.rg-control-btn{height:36px;width:36px}.rg-zoom-level{min-width:60px}.rg-close-btn{height:36px;width:36px}}@media (max-width:480px){.rg-stat-card{min-width:auto;padding:.75rem}.rg-stat-value{font-size:1.25rem}.rg-control-btn{height:32px;width:32px}.rg-zoom-controls{padding:.25rem}.rg-image-viewer{border-radius:0!important;height:100vh!important;width:100vw!important}.rg-footer-info span{display:block;font-size:.7rem;line-height:1.4}.rg-modal-close-btn{padding:.75rem;width:100%}}@media print{.rg-header,.rg-image-viewer,.rg-modal-overlay,.rg-sidebar,.rg-viewer-controls,.rg-viewer-footer{display:none!important}.rg-container{height:auto}.rg-main-content{margin:0;padding:0}.rg-content-card{box-shadow:none}.rg-content-card,.rg-data-table{border:1px solid #000}.rg-data-table td,.rg-data-table th{border:1px solid #000;padding:.5rem}}@media (prefers-color-scheme:dark){.rg-image-viewer,.rg-viewer-footer,.rg-viewer-header{background:#1e293b!important;color:#f1f5f9!important}.rg-viewer-title h3{color:#f1f5f9!important}.rg-viewer-title p{color:#94a3b8!important}.rg-control-btn,.rg-zoom-controls{background:#334155!important;border-color:#475569!important;color:#cbd5e1!important}.rg-control-btn:hover:not(:disabled){background:#475569!important;color:#f1f5f9!important}.rg-zoom-level{color:#f1f5f9!important}.rg-full-image{background:#0f172a}}body{animation:rg-fade-in .5s ease-out;animation:rg-fade-in var(--duration-slow) ease-out}@keyframes rg-fade-in{0%{opacity:0}to{opacity:1}}.rg-container{background:#f8fafc;background:var(--bg-secondary);display:flex;flex-direction:column;max-width:100vw!important;min-height:100vh;overflow-x:hidden!important;overflow-y:auto!important;position:relative;width:100%!important}.rg-header{animation:rg-slide-down cubic-bezier(.4,0,.2,1) .25s ease;animation:rg-slide-down var(--transition-normal) cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-primary);background:#fffffffa;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);max-width:100%!important;overflow:hidden!important;position:-webkit-sticky;position:sticky;top:0;z-index:100}@keyframes rg-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.rg-header-top{gap:2rem;justify-content:space-between;padding:.75rem 2rem}.rg-header-left,.rg-header-top{align-items:center;display:flex;max-width:100%!important;overflow:hidden!important}.rg-header-left{animation:rg-slide-in-left .5s .1s both;animation:rg-slide-in-left var(--duration-slow) .1s both;flex:1 1;gap:1rem}@keyframes rg-slide-in-left{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.rg-menu-toggle{align-items:center;animation:rg-scale-in .25s ease .2s both;animation:rg-scale-in var(--transition-normal) .2s both;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:.25s ease;transition:var(--transition-normal)}@keyframes rg-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rg-menu-toggle:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary);transform:rotate(90deg)}.rg-logo{align-items:center;cursor:pointer;display:flex;flex-shrink:0;gap:.75rem;max-width:100%!important;overflow:hidden!important;transition:transform .25s ease ease;transition:transform var(--transition-normal) ease}.rg-logo:hover{transform:translateX(4px)}.rg-logo-icon{align-items:center;animation:rg-pulse 2s infinite;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@keyframes rg-pulse{0%{box-shadow:0 0 0 0 #2563eb66}70%{box-shadow:0 0 0 10px #2563eb00}to{box-shadow:0 0 0 0 #2563eb00}}.rg-logo-text{flex:1 1;min-width:0;overflow:hidden!important}.rg-logo-text h1{animation:rg-text-reveal .5s .3s both;animation:rg-text-reveal var(--duration-slow) .3s both;color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes rg-text-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rg-logo-text p{animation:rg-text-reveal .5s .4s both;animation:rg-text-reveal var(--duration-slow) .4s both;color:#64748b;color:var(--text-secondary);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rg-header-bottom{animation:rg-fade-in-up .5s .4s both;animation:rg-fade-in-up var(--duration-slow) .4s both;background:#f8fafc;background:var(--bg-secondary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);max-width:100%!important;overflow:hidden!important;padding:.75rem 2rem}@keyframes rg-fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rg-nav-container{-ms-overflow-style:none;display:flex;gap:.25rem;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:.5rem 0;scrollbar-width:none;width:100%!important}.rg-nav-container::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.rg-nav-item{align-items:center;animation:rg-nav-item-appear .25s ease both;animation:rg-nav-item-appear var(--transition-normal) both;animation-delay:.3s;animation-delay:calc(var(--item-index, 0)*.1s + .3s);background:none;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;position:relative;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);white-space:nowrap}@keyframes rg-nav-item-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rg-nav-item:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary);transform:translateY(-2px) scale(1.05)}.rg-nav-item.active{animation:rg-nav-item-active ease-out .25s ease;animation:rg-nav-item-active var(--transition-normal) ease-out;background:#2563eb1a;color:#2563eb;color:var(--primary)}@keyframes rg-nav-item-active{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.rg-nav-indicator{animation:rg-indicator-glow 2s infinite;background:#2563eb;background:var(--primary);border-radius:50%;bottom:-.75rem;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}@keyframes rg-indicator-glow{0%,to{box-shadow:0 0 5px #2563eb;box-shadow:0 0 5px var(--primary);opacity:1}50%{box-shadow:0 0 10px #2563eb,0 0 20px #2563eb4d;box-shadow:0 0 10px var(--primary),0 0 20px #2563eb4d;opacity:.7}}.rg-main-wrapper{flex:1 1;max-width:100vw!important;min-height:calc(100vh - 120px);overflow-x:hidden!important;width:100%!important}.rg-main-wrapper,.rg-sidebar{display:flex;position:relative}.rg-sidebar{animation:rg-sidebar-slide-in .5s cubic-bezier(.4,0,.2,1) forwards;animation:rg-sidebar-slide-in var(--duration-slow) cubic-bezier(.4,0,.2,1) forwards;background:#fff;background:var(--bg-primary);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;max-width:280px!important;overflow:hidden!important;width:280px;z-index:50}.rg-sidebar.collapsed{max-width:80px!important;width:80px}@keyframes rg-sidebar-slide-in{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.rg-sidebar-header{animation:rg-fade-in .25s ease .1s both;animation:rg-fade-in var(--transition-normal) .1s both;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:1.5rem}.rg-sidebar-brand,.rg-sidebar-header{max-width:100%!important;overflow:hidden!important}.rg-sidebar-brand{align-items:center;display:flex;gap:.75rem;transition:transform .25s ease ease;transition:transform var(--transition-normal) ease}.rg-sidebar-brand:hover{transform:translateX(5px)}.rg-sidebar-icon{align-items:center;animation:rg-rotate-in .5s .2s both;animation:rg-rotate-in var(--duration-slow) .2s both;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@keyframes rg-rotate-in{0%{opacity:0;transform:rotate(-180deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}.rg-sidebar-title{flex:1 1;min-width:0;overflow:hidden!important}.rg-sidebar-title h3{animation:rg-text-reveal .25s ease .3s both;animation:rg-text-reveal var(--transition-normal) .3s both;color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600}.rg-sidebar-title h3,.rg-sidebar-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rg-sidebar-title p{animation:rg-text-reveal .25s ease .4s both;animation:rg-text-reveal var(--transition-normal) .4s both;font-size:.75rem}.rg-sidebar-collapse,.rg-sidebar-title p{color:#64748b;color:var(--text-secondary)}.rg-sidebar-collapse{background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;padding:.25rem;transition:.25s ease;transition:var(--transition-normal)}.rg-sidebar-collapse:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.rg-sidebar-content{-ms-overflow-style:none;animation:rg-fade-in .25s ease .3s both;animation:rg-fade-in var(--transition-normal) .3s both;flex:1 1;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;padding:1.5rem;scrollbar-width:none}.rg-sidebar-content::-webkit-scrollbar{width:6px!important}.rg-sidebar-content::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary)}.rg-sidebar-content::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-medium);border-radius:3px}.rg-menu-section{animation:rg-fade-in-up .5s .3s both;animation:rg-fade-in-up var(--duration-slow) .3s both;margin-bottom:2rem}.rg-menu-section,.rg-section-header{max-width:100%!important;overflow:hidden!important}.rg-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.rg-section-header h4{color:#94a3b8;color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.rg-menu-items{flex-direction:column;gap:.5rem}.rg-menu-item,.rg-menu-items{display:flex;max-width:100%!important;overflow:hidden!important}.rg-menu-item{align-items:center;animation:rg-menu-item-appear .25s ease both;animation:rg-menu-item-appear var(--transition-normal) both;animation-delay:.4s;animation-delay:calc(var(--item-index, 0)*.05s + .4s);background:none;border:2px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;gap:.75rem;padding:.875rem 1rem;position:relative;text-align:left;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%!important}@keyframes rg-menu-item-appear{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.rg-menu-item:before{background:linear-gradient(180deg,#2563eb,#7c3aed);background:linear-gradient(to bottom,var(--primary),var(--secondary));content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .25s ease ease;transition:transform var(--transition-normal) ease;width:4px}.rg-menu-item:hover{background:#f1f5f9;background:var(--bg-tertiary);border-color:#2563eb;border-color:var(--primary);transform:translateX(8px) scale(1.02)}.rg-menu-item:hover:before{transform:scaleY(1)}.rg-menu-item.active{animation:rg-menu-item-active ease-out .25s ease;animation:rg-menu-item-active var(--transition-normal) ease-out;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}@keyframes rg-menu-item-active{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.rg-menu-item.active:before{transform:scaleY(1)}.rg-menu-icon{align-items:center;animation:rg-icon-bounce .25s ease both;animation:rg-icon-bounce var(--transition-normal) both;animation-delay:.5s;animation-delay:calc(var(--item-index, 0)*.05s + .5s);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}@keyframes rg-icon-bounce{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.rg-menu-content{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0;overflow:hidden!important}.rg-menu-label{color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:500}.rg-menu-label,.rg-menu-sublabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rg-menu-sublabel{color:#64748b;color:var(--text-secondary);font-size:.75rem}.rg-sidebar-footer{animation:rg-fade-in .25s ease .6s both;animation:rg-fade-in var(--transition-normal) .6s both;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);padding:1.5rem}.rg-sidebar-footer,.rg-system-status{max-width:100%!important;overflow:hidden!important}.rg-system-status{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem;margin-bottom:1rem}.rg-status-indicator{animation:rg-status-pulse 2s infinite,rg-glow 2s infinite alternate;background:#059669;background:var(--success);border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes rg-status-pulse{0%{box-shadow:0 0 0 0 #05966966}70%{box-shadow:0 0 0 6px #05966900}to{box-shadow:0 0 0 0 #05966900}}@keyframes rg-glow{0%{filter:brightness(1)}to{filter:brightness(1.5)}}.rg-logout-btn{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;max-width:100%!important;overflow:hidden!important;padding:.75rem;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%}.rg-logout-btn:hover{background:#e2e8f0;background:var(--border-light);color:#1e293b;color:var(--text-primary);transform:translateY(-2px) scale(1.02)}.rg-sidebar-expand{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;max-width:100%!important;overflow:hidden!important;padding:.75rem;transition:.25s ease;transition:var(--transition-normal);width:100%}.rg-sidebar-expand:hover{background:#e2e8f0;background:var(--border-light);color:#1e293b;color:var(--text-primary)}.rg-main-content{-ms-overflow-style:none;animation:rg-content-appear .5s .2s both;animation:rg-content-appear var(--duration-slow) .2s both;background:#f8fafc;background:var(--bg-secondary);flex:1 1;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;padding:2rem;position:relative;scrollbar-width:none;width:100%!important;z-index:1}.rg-main-content::-webkit-scrollbar{width:8px!important}.rg-main-content::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary)}.rg-main-content::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-medium);border-radius:4px}.rg-main-content::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-tertiary)}@keyframes rg-content-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rg-content-page{display:flex;flex-direction:column;gap:2rem;max-width:100%!important;overflow-x:hidden!important;width:100%!important}.rg-page-header{align-items:flex-start;animation:rg-slide-in-up .25s ease .4s both;animation:rg-slide-in-up var(--transition-normal) .4s both;justify-content:space-between;margin-bottom:1rem}.rg-page-header,.rg-page-title{display:flex;max-width:100%!important;overflow:hidden!important;width:100%!important}.rg-page-title{align-items:center;gap:1rem}.rg-title-icon{align-items:center;animation:rg-icon-float 3s ease-in-out infinite;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}@keyframes rg-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rg-page-title h1{-webkit-text-fill-color:#0000;word-wrap:break-word;animation:rg-gradient-shift 3s ease infinite;background:linear-gradient(90deg,#2563eb,#7c3aed);background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);font-size:1.875rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;max-width:100%!important;overflow-wrap:break-word}@keyframes rg-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.rg-page-title p{word-wrap:break-word;animation:rg-text-reveal .25s ease .5s both;animation:rg-text-reveal var(--transition-normal) .5s both;color:#64748b;color:var(--text-secondary);font-size:1rem;max-width:600px;max-width:100%!important;overflow-wrap:break-word}.rg-table-container{animation:rg-card-enter .5s .6s both;animation:rg-card-enter var(--duration-slow) .6s both;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);max-width:100%!important;overflow:hidden!important;width:100%!important}@keyframes rg-card-enter{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rg-table-header{animation:rg-fade-in .25s ease .7s both;animation:rg-fade-in var(--transition-normal) .7s both;background:#fff;background:var(--bg-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);max-width:100%!important;overflow:hidden!important;padding:1.5rem 2rem;width:100%!important}.rg-table-header h3{word-wrap:break-word;animation:rg-text-slide-in .25s ease .8s both;animation:rg-text-slide-in var(--transition-normal) .8s both;color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem;max-width:100%!important;overflow-wrap:break-word}@keyframes rg-text-slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.rg-table-header p{word-wrap:break-word;animation:rg-text-slide-in .25s ease .9s both;animation:rg-text-slide-in var(--transition-normal) .9s both;color:#64748b;color:var(--text-secondary);font-size:.875rem;max-width:600px;max-width:100%!important;overflow-wrap:break-word}.rg-table-content{-ms-overflow-style:none;background:#fff;background:var(--bg-primary);border-radius:.75rem;border-radius:var(--radius-lg);max-width:100%!important;overflow-x:auto!important;scrollbar-width:none;width:100%!important}.rg-table-content::-webkit-scrollbar{height:8px!important}.rg-table-content::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary);border-radius:4px}.rg-table-content::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#2563eb,#7c3aed);background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px}.rg-data-table{background:#fff;background:var(--bg-primary);border-collapse:collapse;max-width:100%!important;min-width:800px;table-layout:fixed!important;width:100%}.rg-data-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.rg-data-table thead,.rg-table-th{background:#f1f5f9;background:var(--bg-tertiary)}.rg-table-th{word-wrap:break-word;border-bottom:2px solid #cbd5e1;border-bottom:2px solid var(--border-medium);color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;max-width:100%!important;overflow:hidden!important;overflow-wrap:break-word;padding:1rem 1.5rem;text-align:left;text-transform:uppercase;vertical-align:top}.rg-table-th:first-child{width:30%}.rg-table-th:last-child{width:70%}.rg-table-tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);max-width:100%!important;transition:all .25s ease ease;transition:all var(--transition-normal) ease}.rg-table-tr:hover{background:#f1f5f9;background:var(--bg-tertiary)}.rg-table-tr:hover .risk-strategy-card{background:#fff;background:var(--bg-primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateX(4px)}.rg-table-td{word-wrap:break-word;animation:rg-cell-appear .25s ease both;animation:rg-cell-appear var(--transition-normal) both;animation-delay:.4s;animation-delay:calc(var(--cell-index, 0)*.05s + .4s);max-width:100%!important;overflow:hidden!important;overflow-wrap:break-word;padding:1.5rem;vertical-align:top}@keyframes rg-cell-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.risk-strategy-card{align-items:flex-start;background:#f8fafc;background:var(--bg-secondary);border-left:4px solid #2563eb;border-left:4px solid var(--primary);gap:.75rem;padding:1rem;transition:all .2s ease}.risk-strategy-card,.strategy-icon{border-radius:.5rem;border-radius:var(--radius-md);display:flex}.strategy-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;flex-shrink:0;height:40px;justify-content:center;width:40px}.strategy-content{flex:1 1;min-width:0;overflow:hidden!important}.strategy-content h4{word-wrap:break-word;color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.4;margin-bottom:.25rem;overflow-wrap:break-word}.strategy-type{background:#f1f5f9;background:var(--bg-tertiary);border-radius:.375rem;border-radius:var(--radius-sm);color:#64748b;color:var(--text-secondary);display:inline-block;font-size:.75rem;font-style:italic;padding:.25rem .5rem}.risk-statement{padding:.5rem 0}.statement-list{display:flex;flex-direction:column;gap:.75rem;margin:0;padding-left:1.25rem}.statement-list li{padding-left:.5rem}.risk-statement p,.statement-list li{word-wrap:break-word;color:#64748b;color:var(--text-secondary);font-size:.875rem;line-height:1.6;overflow-wrap:break-word}.risk-statement p{margin-bottom:.75rem}.risk-statement p:last-child{margin-bottom:0}.rg-image-display{animation:rg-card-enter .5s .6s both;animation:rg-card-enter var(--duration-slow) .6s both;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);max-width:100%!important;overflow:hidden!important;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%!important}.rg-image-display:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-5px) scale(1.02)}.rg-image-header{align-items:flex-start;animation:rg-fade-in .25s ease .7s both;animation:rg-fade-in var(--transition-normal) .7s both;background:#fff;background:var(--bg-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;justify-content:space-between;padding:1.5rem 2rem;width:100%!important}.rg-image-header,.rg-image-title{max-width:100%!important;overflow:hidden!important}.rg-image-title{flex:1 1;min-width:0}.rg-image-title h3{animation:rg-text-slide-in .25s ease .8s both;animation:rg-text-slide-in var(--transition-normal) .8s both;color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem;max-width:100%!important}.rg-image-title h3,.rg-image-title p{word-wrap:break-word;overflow-wrap:break-word}.rg-image-title p{animation:rg-text-slide-in .25s ease .9s both;animation:rg-text-slide-in var(--transition-normal) .9s both;color:#64748b;color:var(--text-secondary);font-size:.875rem;max-width:600px;max-width:100%!important}.rg-image-actions{display:flex;flex-wrap:wrap;gap:.75rem;max-width:100%!important;overflow:hidden!important}.rg-btn{align-items:center;animation:rg-button-appear .25s ease both;animation:rg-button-appear var(--transition-normal) both;animation-delay:.6s;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;max-width:100%!important;padding:.625rem 1rem;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);white-space:nowrap}@keyframes rg-button-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rg-btn:hover{background:#f1f5f9;background:var(--bg-tertiary);border-color:#cbd5e1;border-color:var(--border-medium);color:#1e293b;color:var(--text-primary);transform:translateY(-2px) scale(1.05)}.rg-btn-secondary{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);color:#fff;overflow:hidden;position:relative}.rg-btn-secondary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;transition:left var(--duration-slower) ease;width:100%}.rg-btn-secondary:hover{background:#1d4ed8;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px) scale(1.05)}.rg-btn-secondary:hover:before{left:100%}.rg-btn-outline{background:#0000;border:1px solid #cbd5e1;border:1px solid var(--border-medium);color:#64748b;color:var(--text-secondary)}.rg-btn-outline:hover{background:#f1f5f9;background:var(--bg-tertiary);border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.rg-image-content{animation:rg-fade-in .25s ease 1s both;animation:rg-fade-in var(--transition-normal) 1s both;max-width:100%!important;overflow:hidden!important;padding:2rem;width:100%!important}.rg-image-preview-container{animation:rg-container-enter .5s 1.1s both;animation:rg-container-enter var(--duration-slow) 1.1s both;background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;margin:0 auto;max-height:60vh;max-width:1000px;max-width:100%!important;min-height:400px;overflow:hidden!important;position:relative;width:100%}@keyframes rg-container-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rg-preview-image{animation:rg-image-fade-in .5s 1.2s forwards;animation:rg-image-fade-in var(--duration-slow) 1.2s forwards;cursor:zoom-in;display:block;height:100%;max-height:100%!important;max-width:100%!important;object-fit:contain;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@keyframes rg-image-fade-in{to{opacity:1}}.rg-preview-image.loaded{opacity:1}.rg-preview-image:hover{filter:brightness(1.05);transform:scale(1.02)}.rg-image-error,.rg-image-loading{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;left:0;max-width:100%!important;overflow:hidden!important;position:absolute;top:0;width:100%}.rg-loading-spinner{animation:spin 1s linear infinite,rg-spinner-glow 2s ease-in-out infinite;border:3px solid #e2e8f0;border-top-color:#2563eb;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}@keyframes rg-spinner-glow{0%,to{box-shadow:0 0 5px #2563eb33}50%{box-shadow:0 0 20px #2563eb66}}.rg-image-error{max-width:100%!important;padding:2rem;text-align:center}.rg-error-icon{animation:rg-shake-error ease .25s ease;animation:rg-shake-error var(--transition-normal) ease;color:#dc2626;color:var(--danger);margin-bottom:1rem}@keyframes rg-shake-error{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.rg-image-error h4{color:#1e293b;color:var(--text-primary);font-size:1.125rem;font-weight:600}.rg-image-error h4,.rg-image-error p{word-wrap:break-word;margin-bottom:.5rem;max-width:100%!important;overflow-wrap:break-word}.rg-image-error p{color:#64748b;color:var(--text-secondary);font-size:.875rem}.rg-error-help{word-wrap:break-word;background:#f8fafc;background:var(--bg-secondary);border-radius:.375rem;border-radius:var(--radius-sm);color:#94a3b8!important;color:var(--text-tertiary)!important;font-family:monospace;font-size:.75rem!important;margin-top:1rem!important;max-width:100%!important;overflow-wrap:break-word;padding:.5rem}.rg-image-viewer-overlay{animation:rg-overlay-fade-in ease .25s ease;animation:rg-overlay-fade-in var(--transition-normal) ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000f5;bottom:0;left:0;overflow:hidden!important;position:fixed;right:0;top:0;z-index:9998}@keyframes rg-overlay-fade-in{0%{opacity:0}to{opacity:1}}.rg-image-viewer{animation:viewerPopIn .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 40px 80px -20px #000000e6;flex-direction:column;height:95vh;left:50%;max-width:1600px;position:fixed;top:50%;transform:translate(-50%,-50%);width:98vw;z-index:9999}.rg-image-viewer,.rg-viewer-header{display:flex;max-width:100%!important;overflow:hidden!important}.rg-viewer-header{align-items:center;animation:rg-controls-enter .25s ease .2s both;animation:rg-controls-enter var(--transition-normal) .2s both;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;flex-wrap:wrap;justify-content:space-between;min-height:80px;padding:1.5rem 2rem}@keyframes rg-controls-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rg-viewer-title{flex:1 1;margin-right:2rem;max-width:100%!important;min-width:0;overflow:hidden!important}.rg-viewer-title h3{animation:rg-text-wave 2s infinite;color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes rg-text-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.rg-viewer-title p{color:#64748b;font-size:1rem;max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rg-viewer-controls{flex-shrink:0;flex-wrap:wrap;gap:1.5rem}.rg-viewer-controls,.rg-zoom-controls{align-items:center;display:flex;max-width:100%!important;overflow:hidden!important}.rg-zoom-controls{border-radius:12px;box-shadow:0 2px 4px #0000000d;gap:.5rem;padding:.5rem}.rg-control-btn,.rg-zoom-controls{background:#fff;border:1px solid #e2e8f0}.rg-control-btn{align-items:center;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-weight:500;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease cubic-bezier(.4,0,.2,1);width:40px}.rg-control-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 6px #0000000d;color:#1e293b;transform:translateY(-2px) scale(1.1)}.rg-control-btn:disabled{cursor:not-allowed;opacity:.4}.rg-zoom-level{color:#1e293b;flex-shrink:0;font-size:.875rem;font-weight:700;min-width:70px;padding:0 .5rem;text-align:center}.rg-close-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-weight:500;height:44px;justify-content:center;transition:all .2s ease cubic-bezier(.4,0,.2,1);width:44px}.rg-close-btn:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 6px #dc262633;color:#fff;transform:translateY(-2px) rotate(90deg)}.rg-viewer-content{animation:rg-content-enter .25s ease .3s both;animation:rg-content-enter var(--transition-normal) .3s both;background:#f8fafc;cursor:default;flex:1 1;max-width:100%!important;overflow:hidden!important;position:relative}@keyframes rg-content-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rg-viewer-content:active{cursor:grabbing}.rg-viewer-content .rg-image-container{align-items:center;display:flex;height:100%;justify-content:center;max-width:100%!important;overflow:hidden!important;padding:2rem;position:relative;width:100%}.rg-viewer-image{-webkit-user-drag:none;border-radius:8px;box-shadow:0 4px 20px #0000001a;cursor:grab;display:block;max-height:100%!important;max-width:100%!important;object-fit:contain;transition:transform .1s ease;-webkit-user-select:none;user-select:none;will-change:transform}.rg-viewer-image:active{cursor:grabbing}.rg-viewer-footer{align-items:center;animation:rg-footer-enter .25s ease .4s both;animation:rg-footer-enter var(--transition-normal) .4s both;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:space-between;max-width:100%!important;overflow:hidden!important;padding:1.25rem 2rem}@keyframes rg-footer-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rg-image-details{flex-wrap:wrap;gap:1.5rem}.rg-detail-item,.rg-image-details{display:flex;max-width:100%!important;overflow:hidden!important}.rg-detail-item{align-items:center;flex-shrink:0;font-size:.875rem;gap:.5rem}.rg-detail-label{color:#64748b;font-weight:600;white-space:nowrap}.rg-detail-value{word-wrap:break-word;color:#1e293b;font-weight:500;max-width:100%!important;overflow-wrap:break-word}.rg-viewer-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;max-width:100%!important;overflow:hidden!important}.rg-viewer-instructions small{word-wrap:break-word;color:#64748b;font-size:.75rem;font-style:italic;max-width:100%!important;overflow-wrap:break-word}.rg-mobile-overlay{animation:rg-overlay-fade-in ease .25s ease;animation:rg-overlay-fade-in var(--transition-normal) ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;overflow:hidden!important;right:0;z-index:1999}.rg-mobile-menu,.rg-mobile-overlay{bottom:0;left:0;position:fixed;top:0}.rg-mobile-menu{animation:rg-mobile-menu-slide cubic-bezier(.4,0,.2,1) .25s ease;animation:rg-mobile-menu-slide var(--transition-normal) cubic-bezier(.4,0,.2,1);background:#fff;background:var(--bg-primary);display:flex;flex-direction:column;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;width:320px;z-index:2000}@keyframes rg-mobile-menu-slide{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.rg-mobile-header{animation:rg-fade-in .25s ease .1s both;animation:rg-fade-in var(--transition-normal) .1s both;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);justify-content:space-between;padding:1.5rem}.rg-mobile-brand,.rg-mobile-header{align-items:center;display:flex;max-width:100%!important;overflow:hidden!important}.rg-mobile-brand{gap:.75rem}.rg-mobile-brand svg{animation:rg-logo-spin 2s ease-in-out infinite;color:#2563eb;color:var(--primary);flex-shrink:0}@keyframes rg-logo-spin{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.rg-mobile-brand h3{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600}.rg-mobile-brand h3,.rg-mobile-brand p{word-wrap:break-word;max-width:100%!important;overflow-wrap:break-word}.rg-mobile-brand p{font-size:.75rem}.rg-mobile-brand p,.rg-mobile-close{color:#64748b;color:var(--text-secondary)}.rg-mobile-close{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;padding:.5rem;transition:.25s ease;transition:var(--transition-normal)}.rg-mobile-close:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary);transform:rotate(90deg)}.rg-mobile-user{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;gap:.75rem;max-width:100%!important;overflow:hidden!important;padding:1.5rem}.rg-mobile-avatar{align-items:center;animation:rg-avatar-bounce 2s infinite;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:48px;justify-content:center;width:48px}@keyframes rg-avatar-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rg-mobile-user-info h4{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.rg-mobile-user-info h4,.rg-mobile-user-info p{word-wrap:break-word;max-width:100%!important;overflow-wrap:break-word}.rg-mobile-user-info p{color:#64748b;color:var(--text-secondary);font-size:.875rem}.rg-mobile-nav{flex:1 1;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;padding:1.5rem}.rg-mobile-section{animation:rg-fade-in .25s ease both;animation:rg-fade-in var(--transition-normal) both;animation-delay:.2s;animation-delay:calc(var(--section-index, 0)*.1s + .2s);margin-bottom:2rem;max-width:100%!important;overflow:hidden!important}.rg-mobile-section h4{word-wrap:break-word;color:#94a3b8;color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;max-width:100%!important;overflow-wrap:break-word;text-transform:uppercase}.rg-mobile-nav-item{align-items:center;animation:rg-mobile-item-appear .25s ease both;animation:rg-mobile-item-appear var(--transition-normal) both;animation-delay:.3s;animation-delay:calc(var(--item-index, 0)*.05s + .3s);background:none;border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;max-width:100%!important;overflow:hidden!important;padding:.875rem 0;text-align:left;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%}@keyframes rg-mobile-item-appear{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.rg-mobile-nav-item:last-child{border-bottom:none}.rg-mobile-nav-item:hover{color:#1e293b;color:var(--text-primary);transform:translateX(10px)}.rg-mobile-nav-item svg:first-child{flex-shrink:0;margin-right:.75rem}.rg-mobile-menu-item{align-items:center;animation:rg-mobile-item-appear .25s ease both;animation:rg-mobile-item-appear var(--transition-normal) both;animation-delay:.3s;animation-delay:calc(var(--item-index, 0)*.05s + .3s);background:none;border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:.75rem;max-width:100%!important;overflow:hidden!important;padding:.875rem 0;text-align:left;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%}.rg-mobile-menu-item:last-child{border-bottom:none}.rg-mobile-menu-item.active{animation:rg-mobile-item-active ease-out .25s ease;animation:rg-mobile-item-active var(--transition-normal) ease-out;color:#2563eb;color:var(--primary)}@keyframes rg-mobile-item-active{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.rg-mobile-menu-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.rg-mobile-menu-item div{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0;overflow:hidden!important}.rg-mobile-menu-item span{font-size:.875rem;font-weight:500}.rg-mobile-menu-item small,.rg-mobile-menu-item span{word-wrap:break-word;max-width:100%!important;overflow-wrap:break-word}.rg-mobile-menu-item small{color:#64748b;color:var(--text-secondary);font-size:.75rem}.rg-mobile-footer{animation:rg-fade-in .25s ease .5s both;animation:rg-fade-in var(--transition-normal) .5s both;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);padding:1.5rem}.rg-mobile-action,.rg-mobile-footer{max-width:100%!important;overflow:hidden!important}.rg-mobile-action{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:1rem;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%}.rg-mobile-action:hover{background:#e2e8f0;background:var(--border-light);color:#1e293b;color:var(--text-primary);transform:translateY(-2px) scale(1.02)}@media (max-width:1024px){.rg-sidebar{display:none}.rg-mobile-menu,.rg-mobile-overlay{display:block}.rg-header-bottom{padding:.75rem 2rem!important}.rg-nav-container{justify-content:flex-start;width:100%}.rg-main-content{padding-left:1rem!important;padding-right:1rem!important}}@media (max-width:768px){.rg-header-top{padding:.75rem 1rem}.rg-header-bottom{padding:.75rem 1rem!important}.rg-main-content{padding:1rem!important}.rg-page-title h1{font-size:1.5rem}.rg-image-header{flex-direction:column;gap:1rem;padding:1rem}.rg-image-actions{justify-content:flex-start;width:100%}.rg-image-content{padding:1rem}.rg-image-preview-container{min-height:300px}.rg-table-header,.rg-table-td{padding:1rem}.rg-table-th{font-size:.8rem;padding:.75rem 1rem}.rg-image-viewer{border-radius:12px!important;height:95vh!important;width:98vw!important}.rg-viewer-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.rg-viewer-title{margin-right:0;text-align:center}.rg-viewer-controls{flex-wrap:wrap;justify-content:center}.rg-viewer-footer{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem;text-align:center}.rg-nav-container{gap:.125rem}.rg-nav-item{font-size:.75rem;padding:.5rem .75rem}}@media (max-width:640px){.rg-logo-text h1{font-size:1rem}.rg-logo-text p{font-size:.7rem}.rg-btn span{display:none}.rg-btn{padding:.625rem}.rg-btn svg{margin:0}.rg-close-btn,.rg-control-btn{height:36px;width:36px}.rg-mobile-menu{width:100%}.rg-data-table{min-width:600px}.rg-table-th{font-size:.7rem}.rg-table-td{padding:.75rem 1rem}.risk-strategy-card{padding:.75rem}.risk-statement p,.statement-list li,.strategy-content h4{font-size:.8rem}}@media (max-width:480px){.rg-image-viewer{border-radius:0!important;height:100vh!important;width:100vw!important}.rg-image-details{align-items:flex-start;flex-direction:column;gap:.5rem}.rg-detail-item{font-size:.75rem}.rg-nav-container{gap:.0625rem}.rg-nav-item{font-size:.7rem;padding:.375rem .5rem}.rg-nav-item svg{height:16px;width:16px}.rg-page-title h1{font-size:1.25rem}.rg-page-title p{font-size:.875rem}.strategy-icon{height:32px;width:32px}.strategy-content h4{font-size:.75rem}.strategy-type{font-size:.65rem}}@media print{.rg-header,.rg-image-actions,.rg-image-viewer,.rg-image-viewer-overlay,.rg-sidebar,.rg-viewer-controls,.rg-viewer-footer{display:none!important}.rg-container{height:auto}.rg-main-content{margin:0;padding:0}.rg-image-display,.rg-table-container{border:1px solid #000;box-shadow:none}.rg-data-table{border:1px solid #000}.rg-data-table td,.rg-data-table th{border:1px solid #000;padding:.5rem}}@media (prefers-color-scheme:dark){.rg-image-viewer,.rg-viewer-footer,.rg-viewer-header{background:#1e293b!important;color:#f1f5f9!important}.rg-viewer-title h3{color:#f1f5f9!important}.rg-viewer-title p{color:#94a3b8!important}.rg-control-btn,.rg-zoom-controls{background:#334155!important;border-color:#475569!important;color:#cbd5e1!important}.rg-control-btn:hover:not(:disabled){background:#475569!important;color:#f1f5f9!important}.rg-zoom-level{color:#f1f5f9!important}.rg-viewer-content{background:#0f172a}}.rg-container,.rg-main-content,.rg-main-wrapper,body{overscroll-behavior-x:none}.risk-priority-card{align-items:center;background:#f8fafc;background:var(--bg-secondary);border-left:4px solid #2563eb;border-left:4px solid var(--primary);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.75rem;max-width:100%!important;padding:1rem;transition:all .2s ease}.risk-priority-card:hover{background:#fff;background:var(--bg-primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateX(4px)}.priority-indicator{align-items:center;animation:priority-pulse 2s infinite;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}@keyframes priority-pulse{0%,to{opacity:1}50%{box-shadow:0 0 10px currentColor;opacity:.8}}.priority-content{flex:1 1;min-width:0;overflow:hidden!important}.priority-content h4{word-wrap:break-word;color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.4;margin-bottom:.25rem;overflow-wrap:break-word}.priority-color{background:#f1f5f9;background:var(--bg-tertiary);border-radius:.375rem;border-radius:var(--radius-sm);color:#64748b;color:var(--text-secondary);display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.rg-data-table .rg-table-tr:nth-child(2) .priority-indicator{background:linear-gradient(135deg,#10b981,#059669)}.rg-data-table .rg-table-tr:nth-child(3) .priority-indicator{background:linear-gradient(135deg,#84cc16,#65a30d)}.rg-data-table .rg-table-tr:nth-child(4) .priority-indicator{background:linear-gradient(135deg,#f59e0b,#d97706)}.rg-data-table .rg-table-tr:nth-child(5) .priority-indicator{background:linear-gradient(135deg,#ef4444,#dc2626)}.rg-data-table .rg-table-tr:nth-child(6) .priority-indicator{background:linear-gradient(135deg,#dc2626,#991b1b)}.rg-data-table .rg-table-tr:nth-child(2):hover{background:#10b9810d}.rg-data-table .rg-table-tr:nth-child(3):hover{background:#84cc160d}.rg-data-table .rg-table-tr:nth-child(4):hover{background:#f59e0b0d}.rg-data-table .rg-table-tr:nth-child(5):hover{background:#ef44440d}.rg-data-table .rg-table-tr:nth-child(6):hover{background:#dc26260d}@media (max-width:768px){.risk-priority-card{flex-direction:column;padding:.75rem;text-align:center}.priority-indicator{height:32px;width:32px}.priority-content h4{font-size:.8rem}.priority-color{font-size:.7rem}}@media (max-width:480px){.risk-priority-card{padding:.5rem}.priority-indicator{height:28px;width:28px}.priority-content h4{font-size:.75rem}.priority-color{font-size:.65rem}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary:#7c3aed;--success:#059669;--warning:#d97706;--danger:#dc2626;--info:#0891b2;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--border-light:#e2e8f0;--border-medium:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--duration-slow:0.5s;--duration-slower:0.7s}*{box-sizing:border-box;margin:0;max-width:100%;padding:0}body,html{max-width:100vw!important;width:100%!important}body,html{overflow-x:hidden!important}body{animation:rc-fade-in .5s ease-out;animation:rc-fade-in var(--duration-slow) ease-out;background:#f8fafc;background:var(--bg-secondary);color:#1e293b;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}@keyframes rc-fade-in{0%{opacity:0}to{opacity:1}}.rc-container{background:#f8fafc;background:var(--bg-secondary);display:flex;flex-direction:column;max-width:100vw!important;min-height:100vh;overflow-x:hidden!important;overflow-y:auto!important;position:relative;width:100%!important}.rc-header{animation:rc-slide-down cubic-bezier(.4,0,.2,1) .25s ease;animation:rc-slide-down var(--transition-normal) cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-primary);background:#fffffffa;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);max-width:100%!important;overflow:hidden!important;position:-webkit-sticky;position:sticky;top:0;z-index:100}@keyframes rc-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.rc-header-top{gap:2rem;justify-content:space-between;padding:.75rem 2rem}.rc-header-left,.rc-header-top{align-items:center;display:flex;max-width:100%!important;overflow:hidden!important}.rc-header-left{animation:rc-slide-in-left .5s .1s both;animation:rc-slide-in-left var(--duration-slow) .1s both;flex:1 1;gap:1rem}@keyframes rc-slide-in-left{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.rc-menu-toggle{align-items:center;animation:rc-scale-in .25s ease .2s both;animation:rc-scale-in var(--transition-normal) .2s both;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.5rem;transition:.25s ease;transition:var(--transition-normal)}@keyframes rc-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rc-menu-toggle:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary);transform:rotate(90deg)}.rc-logo{align-items:center;cursor:pointer;display:flex;flex-shrink:0;gap:.75rem;max-width:100%!important;overflow:hidden!important;transition:transform .25s ease ease;transition:transform var(--transition-normal) ease}.rc-logo:hover{transform:translateX(4px)}.rc-logo-icon{align-items:center;animation:rc-pulse 2s infinite;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@keyframes rc-pulse{0%{box-shadow:0 0 0 0 #2563eb66}70%{box-shadow:0 0 0 10px #2563eb00}to{box-shadow:0 0 0 0 #2563eb00}}.rc-logo-text{flex:1 1;min-width:0;overflow:hidden!important}.rc-logo-text h1{animation:rc-text-reveal .5s .3s both;animation:rc-text-reveal var(--duration-slow) .3s both;color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes rc-text-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rc-logo-text p{animation:rc-text-reveal .5s .4s both;animation:rc-text-reveal var(--duration-slow) .4s both;color:#64748b;color:var(--text-secondary);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-header-bottom{animation:rc-fade-in-up .5s .4s both;animation:rc-fade-in-up var(--duration-slow) .4s both;background:#f8fafc;background:var(--bg-secondary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);max-width:100%!important;overflow:hidden!important;padding:.75rem 2rem}@keyframes rc-fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rc-nav-container{-ms-overflow-style:none;display:flex;gap:.25rem;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:.5rem 0;scrollbar-width:none;width:100%!important}.rc-nav-container::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.rc-nav-item{align-items:center;animation:rc-nav-item-appear .25s ease both;animation:rc-nav-item-appear var(--transition-normal) both;animation-delay:.3s;animation-delay:calc(var(--item-index, 0)*.1s + .3s);background:none;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;position:relative;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);white-space:nowrap}@keyframes rc-nav-item-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rc-nav-item:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary);transform:translateY(-2px) scale(1.05)}.rc-nav-item.active{animation:rc-nav-item-active ease-out .25s ease;animation:rc-nav-item-active var(--transition-normal) ease-out;background:#2563eb1a;color:#2563eb;color:var(--primary)}@keyframes rc-nav-item-active{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.rc-nav-indicator{animation:rc-indicator-glow 2s infinite;background:#2563eb;background:var(--primary);border-radius:50%;bottom:-.75rem;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}@keyframes rc-indicator-glow{0%,to{box-shadow:0 0 5px #2563eb;box-shadow:0 0 5px var(--primary);opacity:1}50%{box-shadow:0 0 10px #2563eb,0 0 20px #2563eb4d;box-shadow:0 0 10px var(--primary),0 0 20px #2563eb4d;opacity:.7}}.rc-main-wrapper{flex:1 1;max-width:100vw!important;min-height:calc(100vh - 120px);overflow-x:hidden!important;width:100%!important}.rc-main-wrapper,.rc-sidebar{display:flex;position:relative}.rc-sidebar{animation:rc-sidebar-slide-in .5s cubic-bezier(.4,0,.2,1) forwards;animation:rc-sidebar-slide-in var(--duration-slow) cubic-bezier(.4,0,.2,1) forwards;background:#fff;background:var(--bg-primary);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;max-width:280px!important;overflow:hidden!important;width:280px;z-index:50}.rc-sidebar.collapsed{max-width:80px!important;width:80px}.rc-sidebar.rmi-mode .rc-menu-item.back-button{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-light);margin-bottom:1rem}@keyframes rc-sidebar-slide-in{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.rc-sidebar-header{animation:rc-fade-in .25s ease .1s both;animation:rc-fade-in var(--transition-normal) .1s both;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:1.5rem}.rc-sidebar-brand,.rc-sidebar-header{max-width:100%!important;overflow:hidden!important}.rc-sidebar-brand{align-items:center;display:flex;gap:.75rem;transition:transform .25s ease ease;transition:transform var(--transition-normal) ease}.rc-sidebar-brand:hover{transform:translateX(5px)}.rc-sidebar-icon{align-items:center;animation:rc-rotate-in .5s .2s both;animation:rc-rotate-in var(--duration-slow) .2s both;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@keyframes rc-rotate-in{0%{opacity:0;transform:rotate(-180deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}.rc-sidebar-title{flex:1 1;min-width:0;overflow:hidden!important}.rc-sidebar-title h3{animation:rc-text-reveal .25s ease .3s both;animation:rc-text-reveal var(--transition-normal) .3s both;color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600}.rc-sidebar-title h3,.rc-sidebar-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-sidebar-title p{animation:rc-text-reveal .25s ease .4s both;animation:rc-text-reveal var(--transition-normal) .4s both;font-size:.75rem}.rc-sidebar-collapse,.rc-sidebar-title p{color:#64748b;color:var(--text-secondary)}.rc-sidebar-collapse{background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;padding:.25rem;transition:.25s ease;transition:var(--transition-normal)}.rc-sidebar-collapse:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.rc-sidebar-content{-ms-overflow-style:none;animation:rc-fade-in .25s ease .3s both;animation:rc-fade-in var(--transition-normal) .3s both;flex:1 1;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;padding:1.5rem;scrollbar-width:none}.rc-sidebar-content::-webkit-scrollbar{width:6px!important}.rc-sidebar-content::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary)}.rc-sidebar-content::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-medium);border-radius:3px}.rc-menu-section{animation:rc-fade-in-up .5s .3s both;animation:rc-fade-in-up var(--duration-slow) .3s both;margin-bottom:2rem}.rc-menu-section,.rc-section-header{max-width:100%!important;overflow:hidden!important}.rc-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.rc-section-header h4{color:#94a3b8;color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.rc-menu-items{flex-direction:column;gap:.5rem}.rc-menu-item,.rc-menu-items{display:flex;max-width:100%!important;overflow:hidden!important}.rc-menu-item{align-items:center;animation:rc-menu-item-appear .25s ease both;animation:rc-menu-item-appear var(--transition-normal) both;animation-delay:.4s;animation-delay:calc(var(--item-index, 0)*.05s + .4s);background:none;border:2px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;gap:.75rem;padding:.875rem 1rem;position:relative;text-align:left;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%!important}@keyframes rc-menu-item-appear{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.rc-menu-item:before{background:linear-gradient(180deg,#2563eb,#7c3aed);background:linear-gradient(to bottom,var(--primary),var(--secondary));content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .25s ease ease;transition:transform var(--transition-normal) ease;width:4px}.rc-menu-item:hover{background:#f1f5f9;background:var(--bg-tertiary);border-color:#2563eb;border-color:var(--primary);transform:translateX(8px) scale(1.02)}.rc-menu-item:hover:before{transform:scaleY(1)}.rc-menu-item.active{animation:rc-menu-item-active ease-out .25s ease;animation:rc-menu-item-active var(--transition-normal) ease-out;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}@keyframes rc-menu-item-active{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.rc-menu-item.active:before{transform:scaleY(1)}.rc-menu-icon{align-items:center;animation:rc-icon-bounce .25s ease both;animation:rc-icon-bounce var(--transition-normal) both;animation-delay:.5s;animation-delay:calc(var(--item-index, 0)*.05s + .5s);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}@keyframes rc-icon-bounce{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.rc-menu-content{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0;overflow:hidden!important}.rc-menu-label{color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:500}.rc-menu-label,.rc-menu-sublabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-menu-sublabel{color:#64748b;color:var(--text-secondary);font-size:.75rem}.rc-sidebar-footer{animation:rc-fade-in .25s ease .6s both;animation:rc-fade-in var(--transition-normal) .6s both;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);padding:1.5rem}.rc-sidebar-footer,.rc-system-status{max-width:100%!important;overflow:hidden!important}.rc-system-status{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem;margin-bottom:1rem}.rc-status-indicator{animation:rc-status-pulse 2s infinite,rc-glow 2s infinite alternate;background:#059669;background:var(--success);border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes rc-status-pulse{0%{box-shadow:0 0 0 0 #05966966}70%{box-shadow:0 0 0 6px #05966900}to{box-shadow:0 0 0 0 #05966900}}@keyframes rc-glow{0%{filter:brightness(1)}to{filter:brightness(1.5)}}.rc-logout-btn{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;max-width:100%!important;overflow:hidden!important;padding:.75rem;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%}.rc-logout-btn:hover{background:#e2e8f0;background:var(--border-light);color:#1e293b;color:var(--text-primary);transform:translateY(-2px) scale(1.02)}.rc-sidebar-expand{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;max-width:100%!important;overflow:hidden!important;padding:.75rem;transition:.25s ease;transition:var(--transition-normal);width:100%}.rc-sidebar-expand:hover{background:#e2e8f0;background:var(--border-light);color:#1e293b;color:var(--text-primary)}.rc-main-content{-ms-overflow-style:none;animation:rc-content-appear .5s .2s both;animation:rc-content-appear var(--duration-slow) .2s both;background:#f8fafc;background:var(--bg-secondary);flex:1 1;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;padding:2rem;position:relative;scrollbar-width:none;width:100%!important;z-index:1}.rc-main-content::-webkit-scrollbar{width:8px!important}.rc-main-content::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary)}.rc-main-content::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-medium);border-radius:4px}.rc-main-content::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-tertiary)}@keyframes rc-content-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rc-content-page{display:flex;flex-direction:column;gap:2rem;max-width:100%!important;overflow-x:hidden!important;width:100%!important}.rc-page-header{align-items:flex-start;animation:rc-slide-in-up .25s ease .4s both;animation:rc-slide-in-up var(--transition-normal) .4s both;justify-content:space-between;margin-bottom:1rem}.rc-page-header,.rc-page-title{display:flex;max-width:100%!important;overflow:hidden!important;width:100%!important}.rc-page-title{align-items:center;gap:1rem}.rc-title-icon{align-items:center;animation:rc-icon-float 3s ease-in-out infinite;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}@keyframes rc-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rc-page-title h1{-webkit-text-fill-color:#0000;word-wrap:break-word;animation:rc-gradient-shift 3s ease infinite;background:linear-gradient(90deg,#2563eb,#7c3aed);background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);font-size:1.875rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;max-width:100%!important;overflow-wrap:break-word}@keyframes rc-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.rc-page-title p{word-wrap:break-word;animation:rc-text-reveal .25s ease .5s both;animation:rc-text-reveal var(--transition-normal) .5s both;color:#64748b;color:var(--text-secondary);font-size:1rem;max-width:600px;max-width:100%!important;overflow-wrap:break-word}.rc-image-display{animation:rc-card-enter .5s .6s both;animation:rc-card-enter var(--duration-slow) .6s both;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);max-width:100%!important;overflow:hidden!important;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%!important}@keyframes rc-card-enter{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rc-image-display:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-5px) scale(1.02)}.rc-image-header{align-items:flex-start;animation:rc-fade-in .25s ease .7s both;animation:rc-fade-in var(--transition-normal) .7s both;background:#fff;background:var(--bg-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;justify-content:space-between;padding:1.5rem 2rem;width:100%!important}.rc-image-header,.rc-image-title{max-width:100%!important;overflow:hidden!important}.rc-image-title{flex:1 1;min-width:0}.rc-image-title h3{word-wrap:break-word;animation:rc-text-slide-in .25s ease .8s both;animation:rc-text-slide-in var(--transition-normal) .8s both;color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem;max-width:100%!important;overflow-wrap:break-word}@keyframes rc-text-slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.rc-image-title p{word-wrap:break-word;animation:rc-text-slide-in .25s ease .9s both;animation:rc-text-slide-in var(--transition-normal) .9s both;color:#64748b;color:var(--text-secondary);font-size:.875rem;max-width:600px;max-width:100%!important;overflow-wrap:break-word}.rc-image-actions{display:flex;flex-wrap:wrap;gap:.75rem;max-width:100%!important;overflow:hidden!important}.rc-btn{align-items:center;animation:rc-button-appear .25s ease both;animation:rc-button-appear var(--transition-normal) both;animation-delay:.6s;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;max-width:100%!important;padding:.625rem 1rem;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);white-space:nowrap}@keyframes rc-button-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rc-btn:hover{background:#f1f5f9;background:var(--bg-tertiary);border-color:#cbd5e1;border-color:var(--border-medium);color:#1e293b;color:var(--text-primary);transform:translateY(-2px) scale(1.05)}.rc-btn-secondary{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);color:#fff;overflow:hidden;position:relative}.rc-btn-secondary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;transition:left var(--duration-slower) ease;width:100%}.rc-btn-secondary:hover{background:#1d4ed8;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px) scale(1.05)}.rc-btn-secondary:hover:before{left:100%}.rc-btn-outline{background:#0000;border:1px solid #cbd5e1;border:1px solid var(--border-medium);color:#64748b;color:var(--text-secondary)}.rc-btn-outline:hover{background:#f1f5f9;background:var(--bg-tertiary);border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.rc-image-content{animation:rc-fade-in .25s ease 1s both;animation:rc-fade-in var(--transition-normal) 1s both;max-width:100%!important;overflow:hidden!important;padding:2rem;width:100%!important}.rc-image-preview-container{animation:rc-container-enter .5s 1.1s both;animation:rc-container-enter var(--duration-slow) 1.1s both;background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;margin:0 auto;max-height:60vh;max-width:1000px;max-width:100%!important;min-height:400px;overflow:hidden!important;position:relative;width:100%}@keyframes rc-container-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rc-preview-image{animation:rc-image-fade-in .5s 1.2s forwards;animation:rc-image-fade-in var(--duration-slow) 1.2s forwards;cursor:zoom-in;display:block;height:100%;max-height:100%!important;max-width:100%!important;object-fit:contain;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@keyframes rc-image-fade-in{to{opacity:1}}.rc-preview-image.loaded{opacity:1}.rc-preview-image:hover{filter:brightness(1.05);transform:scale(1.02)}.rc-image-error,.rc-image-loading{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;left:0;max-width:100%!important;overflow:hidden!important;position:absolute;top:0;width:100%}.rc-loading-spinner{animation:spin 1s linear infinite,rc-spinner-glow 2s ease-in-out infinite;border:3px solid #e2e8f0;border-top-color:#2563eb;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}@keyframes rc-spinner-glow{0%,to{box-shadow:0 0 5px #2563eb33}50%{box-shadow:0 0 20px #2563eb66}}.rc-image-error{max-width:100%!important;padding:2rem;text-align:center}.rc-error-icon{animation:rc-shake-error ease .25s ease;animation:rc-shake-error var(--transition-normal) ease;color:#dc2626;color:var(--danger);margin-bottom:1rem}@keyframes rc-shake-error{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.rc-image-error h4{color:#1e293b;color:var(--text-primary);font-size:1.125rem;font-weight:600}.rc-image-error h4,.rc-image-error p{word-wrap:break-word;margin-bottom:.5rem;max-width:100%!important;overflow-wrap:break-word}.rc-image-error p{color:#64748b;color:var(--text-secondary);font-size:.875rem}.rc-error-help{word-wrap:break-word;background:#f8fafc;background:var(--bg-secondary);border-radius:.375rem;border-radius:var(--radius-sm);color:#94a3b8!important;color:var(--text-tertiary)!important;font-family:monospace;font-size:.75rem!important;margin-top:1rem!important;max-width:100%!important;overflow-wrap:break-word;padding:.5rem}.rc-table-container{animation:rc-card-enter .5s .6s both;animation:rc-card-enter var(--duration-slow) .6s both;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);width:100%!important}.rc-table-container,.rc-table-header{max-width:100%!important;overflow:hidden!important}.rc-table-header{background:#fff;background:var(--bg-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:1.5rem 2rem}.rc-table-header h3{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.rc-table-header h3,.rc-table-header p{word-wrap:break-word;max-width:100%!important;overflow-wrap:break-word}.rc-table-header p{color:#64748b;color:var(--text-secondary);font-size:.875rem}.rc-table-body{padding:2rem}.rc-table-body,.rc-table-stats{max-width:100%!important;overflow:hidden!important}.rc-table-stats{margin-bottom:2rem}.rc-stat-summary{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);display:inline-flex;flex-direction:column;max-width:100%!important;overflow:hidden!important;padding:1.5rem 2rem}.rc-stat-value{animation:rc-count-up 1s ease-out;color:#2563eb;color:var(--primary);font-size:2.5rem;font-weight:700;line-height:1}@keyframes rc-count-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rc-stat-label{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600;margin-top:.5rem}.rc-stat-desc,.rc-stat-label{word-wrap:break-word;overflow-wrap:break-word}.rc-stat-desc{color:#64748b;color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.rc-table-content{-ms-overflow-style:none;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);max-width:100%!important;overflow-x:auto!important;scrollbar-width:none;width:100%!important}.rc-table-content::-webkit-scrollbar{height:6px!important}.rc-table-content::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary)}.rc-table-content::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-medium);border-radius:3px}.rc-data-table{background:#fff;background:var(--bg-primary);border-collapse:collapse;max-width:100%!important;min-width:1000px;table-layout:fixed!important;width:100%}.rc-data-table thead{background:#f1f5f9;background:var(--bg-tertiary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.rc-table-header-row{border-bottom:2px solid #cbd5e1;border-bottom:2px solid var(--border-medium)}.rc-table-header-cell{word-wrap:break-word;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;max-width:100%!important;overflow:hidden!important;overflow-wrap:break-word;padding:1.25rem 1.5rem;text-align:left;text-transform:uppercase}.rc-table-header-content{align-items:center;display:flex;gap:.5rem;max-width:100%!important;overflow:hidden!important}.rc-data-table tbody tr{animation:rc-row-enter .25s ease both;animation:rc-row-enter var(--transition-normal) both;animation-delay:.3s;animation-delay:calc(var(--row-index, 0)*.05s + .3s);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);max-width:100%!important;transition:.25s ease;transition:var(--transition-normal)}@keyframes rc-row-enter{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.rc-data-table tbody tr:hover{background:#f1f5f9;background:var(--bg-tertiary)}.rc-table-row{max-width:100%!important;transition:all .25s ease ease;transition:all var(--transition-normal) ease}.rc-table-row:hover{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateX(4px)}.rc-table-cell{word-wrap:break-word;max-width:100%!important;overflow:hidden!important;overflow-wrap:break-word;padding:1.5rem;vertical-align:top}.rc-table-effectiveness{align-items:center;display:flex;gap:.75rem;max-width:100%!important;overflow:hidden!important}.rc-effectiveness-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.rc-effectiveness-content{flex:1 1;min-width:0;overflow:hidden!important}.rc-effectiveness-content h4{word-wrap:break-word;color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem;max-width:100%!important;overflow-wrap:break-word}.rc-nilai-content{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:100%!important;overflow:hidden!important;text-align:center}.rc-nilai-value{color:#2563eb;color:var(--primary);font-size:1.5rem;font-weight:700;line-height:1}.rc-nilai-content small,.rc-nilai-value{word-wrap:break-word;overflow-wrap:break-word}.rc-nilai-content small{color:#64748b;color:var(--text-secondary);font-size:.75rem;margin-top:.25rem}.rc-kriteria-content{max-width:100%!important;overflow:hidden!important}.rc-kriteria-content p{word-wrap:break-word;color:#64748b;color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0;max-width:100%!important;overflow-wrap:break-word}.rc-rmi-menu{animation:rc-card-enter .5s .6s both;animation:rc-card-enter var(--duration-slow) .6s both;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.rc-rmi-header,.rc-rmi-menu{max-width:100%!important;overflow:hidden!important;width:100%!important}.rc-rmi-header{animation:rc-fade-in .25s ease .7s both;animation:rc-fade-in var(--transition-normal) .7s both;background:#fff;background:var(--bg-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:2rem}.rc-rmi-header h3{-webkit-text-fill-color:#0000;animation:rc-gradient-shift 3s ease infinite;background:linear-gradient(90deg,#2563eb,#7c3aed);background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem;max-width:100%!important}.rc-rmi-header h3,.rc-rmi-header p{word-wrap:break-word;overflow-wrap:break-word}.rc-rmi-header p{animation:rc-text-reveal .25s ease .5s both;animation:rc-text-reveal var(--transition-normal) .5s both;color:#64748b;color:var(--text-secondary);font-size:1rem;max-width:600px;max-width:100%!important}.rc-rmi-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:2rem}.rc-rmi-card,.rc-rmi-grid{max-width:100%!important;overflow:hidden!important}.rc-rmi-card{animation:rc-card-pop .25s ease both;animation:rc-card-pop var(--transition-normal) both;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1)}@keyframes rc-card-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rc-rmi-card:hover{border-color:#3b82f6;border-color:var(--primary-light);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.rc-rmi-card-header{align-items:center;color:#fff;font-size:1rem;font-weight:600;gap:.75rem}.rc-rmi-card-content,.rc-rmi-card-header{display:flex;max-width:100%!important;overflow:hidden!important;padding:1.5rem}.rc-rmi-card-content{flex-direction:column;gap:1rem}.rc-rmi-card-content p{word-wrap:break-word;color:#64748b;color:var(--text-secondary);font-size:.875rem;line-height:1.6;max-width:100%!important;overflow-wrap:break-word}.rc-image-viewer-overlay{animation:rc-overlay-fade-in ease .25s ease;animation:rc-overlay-fade-in var(--transition-normal) ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000f5;bottom:0;left:0;overflow:hidden!important;position:fixed;right:0;top:0;z-index:9998}@keyframes rc-overlay-fade-in{0%{opacity:0}to{opacity:1}}.rc-image-viewer{animation:viewerPopIn .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 40px 80px -20px #000000e6;display:flex;flex-direction:column;height:95vh;left:50%;max-width:1600px;max-width:100%!important;overflow:hidden!important;position:fixed;top:50%;transform:translate(-50%,-50%);width:98vw;z-index:9999}@keyframes viewerPopIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.rc-viewer-header{align-items:center;animation:rc-controls-enter .25s ease .2s both;animation:rc-controls-enter var(--transition-normal) .2s both;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:space-between;max-width:100%!important;min-height:80px;overflow:hidden!important;padding:1.5rem 2rem}@keyframes rc-controls-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rc-viewer-title{flex:1 1;margin-right:2rem;max-width:100%!important;min-width:0;overflow:hidden!important}.rc-viewer-title h3{animation:rc-text-wave 2s infinite;color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes rc-text-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.rc-viewer-title p{color:#64748b;font-size:1rem;max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-viewer-controls{flex-shrink:0;flex-wrap:wrap;gap:1.5rem}.rc-viewer-controls,.rc-zoom-controls{align-items:center;display:flex;max-width:100%!important;overflow:hidden!important}.rc-zoom-controls{border-radius:12px;box-shadow:0 2px 4px #0000000d;gap:.5rem;padding:.5rem}.rc-control-btn,.rc-zoom-controls{background:#fff;border:1px solid #e2e8f0}.rc-control-btn{align-items:center;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-weight:500;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease cubic-bezier(.4,0,.2,1);width:40px}.rc-control-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 6px #0000000d;color:#1e293b;transform:translateY(-2px) scale(1.1)}.rc-control-btn:disabled{cursor:not-allowed;opacity:.4}.rc-zoom-level{color:#1e293b;flex-shrink:0;font-size:.875rem;font-weight:700;min-width:70px;padding:0 .5rem;text-align:center}.rc-close-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-weight:500;height:44px;justify-content:center;transition:all .2s ease cubic-bezier(.4,0,.2,1);width:44px}.rc-close-btn:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 6px #dc262633;color:#fff;transform:translateY(-2px) rotate(90deg)}.rc-viewer-content{animation:rc-content-enter .25s ease .3s both;animation:rc-content-enter var(--transition-normal) .3s both;background:#f8fafc;cursor:default;flex:1 1;max-width:100%!important;overflow:hidden!important;position:relative}@keyframes rc-content-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rc-viewer-content:active{cursor:grabbing}.rc-viewer-content .rc-image-container{align-items:center;display:flex;height:100%;justify-content:center;max-width:100%!important;overflow:hidden!important;padding:2rem;position:relative;width:100%}.rc-viewer-image{-webkit-user-drag:none;border-radius:8px;box-shadow:0 4px 20px #0000001a;cursor:grab;display:block;max-height:100%!important;max-width:100%!important;object-fit:contain;transition:transform .1s ease;-webkit-user-select:none;user-select:none;will-change:transform}.rc-viewer-image:active{cursor:grabbing}.rc-viewer-footer{align-items:center;animation:rc-footer-enter .25s ease .4s both;animation:rc-footer-enter var(--transition-normal) .4s both;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:space-between;max-width:100%!important;overflow:hidden!important;padding:1.25rem 2rem}@keyframes rc-footer-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rc-image-details{flex-wrap:wrap;gap:1.5rem}.rc-detail-item,.rc-image-details{display:flex;max-width:100%!important;overflow:hidden!important}.rc-detail-item{align-items:center;flex-shrink:0;font-size:.875rem;gap:.5rem}.rc-detail-label{color:#64748b;font-weight:600;white-space:nowrap}.rc-detail-value{word-wrap:break-word;color:#1e293b;font-weight:500;max-width:100%!important;overflow-wrap:break-word}.rc-viewer-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;max-width:100%!important;overflow:hidden!important}.rc-viewer-instructions small{word-wrap:break-word;color:#64748b;font-size:.75rem;font-style:italic;max-width:100%!important;overflow-wrap:break-word}.rc-mobile-overlay{animation:rc-overlay-fade-in ease .25s ease;animation:rc-overlay-fade-in var(--transition-normal) ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;overflow:hidden!important;right:0;z-index:1999}.rc-mobile-menu,.rc-mobile-overlay{bottom:0;left:0;position:fixed;top:0}.rc-mobile-menu{animation:rc-mobile-menu-slide cubic-bezier(.4,0,.2,1) .25s ease;animation:rc-mobile-menu-slide var(--transition-normal) cubic-bezier(.4,0,.2,1);background:#fff;background:var(--bg-primary);display:flex;flex-direction:column;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;width:320px;z-index:2000}@keyframes rc-mobile-menu-slide{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.rc-mobile-header{animation:rc-fade-in .25s ease .1s both;animation:rc-fade-in var(--transition-normal) .1s both;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);justify-content:space-between;padding:1.5rem}.rc-mobile-brand,.rc-mobile-header{align-items:center;display:flex;max-width:100%!important;overflow:hidden!important}.rc-mobile-brand{gap:.75rem}.rc-mobile-brand svg{animation:rc-logo-spin 2s ease-in-out infinite;color:#2563eb;color:var(--primary);flex-shrink:0}@keyframes rc-logo-spin{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.rc-mobile-brand h3{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600}.rc-mobile-brand h3,.rc-mobile-brand p{word-wrap:break-word;max-width:100%!important;overflow-wrap:break-word}.rc-mobile-brand p{font-size:.75rem}.rc-mobile-brand p,.rc-mobile-close{color:#64748b;color:var(--text-secondary)}.rc-mobile-close{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;padding:.5rem;transition:.25s ease;transition:var(--transition-normal)}.rc-mobile-close:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary);transform:rotate(90deg)}.rc-mobile-user{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;gap:.75rem;max-width:100%!important;overflow:hidden!important;padding:1.5rem}.rc-mobile-avatar{align-items:center;animation:rc-avatar-bounce 2s infinite;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:48px;justify-content:center;width:48px}@keyframes rc-avatar-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rc-mobile-user-info h4{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.rc-mobile-user-info h4,.rc-mobile-user-info p{word-wrap:break-word;max-width:100%!important;overflow-wrap:break-word}.rc-mobile-user-info p{color:#64748b;color:var(--text-secondary);font-size:.875rem}.rc-mobile-nav{flex:1 1;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;padding:1.5rem}.rc-mobile-section{animation:rc-fade-in .25s ease both;animation:rc-fade-in var(--transition-normal) both;animation-delay:.2s;animation-delay:calc(var(--section-index, 0)*.1s + .2s);margin-bottom:2rem;max-width:100%!important;overflow:hidden!important}.rc-mobile-section h4{word-wrap:break-word;color:#94a3b8;color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;max-width:100%!important;overflow-wrap:break-word;text-transform:uppercase}.rc-mobile-nav-item{align-items:center;animation:rc-mobile-item-appear .25s ease both;animation:rc-mobile-item-appear var(--transition-normal) both;animation-delay:.3s;animation-delay:calc(var(--item-index, 0)*.05s + .3s);background:none;border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;max-width:100%!important;overflow:hidden!important;padding:.875rem 0;text-align:left;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%}@keyframes rc-mobile-item-appear{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.rc-mobile-nav-item:last-child{border-bottom:none}.rc-mobile-nav-item:hover{color:#1e293b;color:var(--text-primary);transform:translateX(10px)}.rc-mobile-nav-item svg:first-child{flex-shrink:0;margin-right:.75rem}.rc-mobile-menu-item{align-items:center;animation:rc-mobile-item-appear .25s ease both;animation:rc-mobile-item-appear var(--transition-normal) both;animation-delay:.3s;animation-delay:calc(var(--item-index, 0)*.05s + .3s);background:none;border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:.75rem;max-width:100%!important;overflow:hidden!important;padding:.875rem 0;text-align:left;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%}.rc-mobile-menu-item:last-child{border-bottom:none}.rc-mobile-menu-item.active{animation:rc-mobile-item-active ease-out .25s ease;animation:rc-mobile-item-active var(--transition-normal) ease-out;color:#2563eb;color:var(--primary)}@keyframes rc-mobile-item-active{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.rc-mobile-menu-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.rc-mobile-menu-item div{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0;overflow:hidden!important}.rc-mobile-menu-item span{font-size:.875rem;font-weight:500}.rc-mobile-menu-item small,.rc-mobile-menu-item span{word-wrap:break-word;max-width:100%!important;overflow-wrap:break-word}.rc-mobile-menu-item small{color:#64748b;color:var(--text-secondary);font-size:.75rem}.rc-mobile-footer{animation:rc-fade-in .25s ease .5s both;animation:rc-fade-in var(--transition-normal) .5s both;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);padding:1.5rem}.rc-mobile-action,.rc-mobile-footer{max-width:100%!important;overflow:hidden!important}.rc-mobile-action{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:1rem;transition:.25s ease cubic-bezier(.4,0,.2,1);transition:var(--transition-normal) cubic-bezier(.4,0,.2,1);width:100%}.rc-mobile-action:hover{background:#e2e8f0;background:var(--border-light);color:#1e293b;color:var(--text-primary);transform:translateY(-2px) scale(1.02)}@media (max-width:1024px){.rc-sidebar{display:none}.rc-mobile-menu,.rc-mobile-overlay{display:block}.rc-header-bottom{padding:.75rem 2rem!important}.rc-nav-container{justify-content:flex-start;width:100%}.rc-main-content{padding-left:1rem!important;padding-right:1rem!important}.rc-rmi-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:1.5rem}}@media (max-width:768px){.rc-header-top{padding:.75rem 1rem}.rc-header-bottom{padding:.75rem 1rem!important}.rc-main-content{padding:1rem!important}.rc-page-title h1{font-size:1.5rem}.rc-image-header{flex-direction:column;gap:1rem;padding:1rem}.rc-image-actions{justify-content:flex-start;width:100%}.rc-image-content{padding:1rem}.rc-image-preview-container{min-height:300px}.rc-table-body,.rc-table-cell,.rc-table-header{padding:1rem}.rc-rmi-grid{gap:1rem;grid-template-columns:1fr;padding:1rem}.rc-image-viewer{border-radius:12px!important;height:95vh!important;width:98vw!important}.rc-viewer-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.rc-viewer-title{margin-right:0;text-align:center}.rc-viewer-controls{flex-wrap:wrap;justify-content:center}.rc-viewer-footer{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem;text-align:center}.rc-nav-container{gap:.125rem}.rc-nav-item{font-size:.75rem;padding:.5rem .75rem}}@media (max-width:640px){.rc-logo-text h1{font-size:1rem}.rc-logo-text p{font-size:.7rem}.rc-btn span{display:none}.rc-btn{padding:.625rem}.rc-btn svg{margin:0}.rc-stat-summary{padding:1rem 1.5rem}.rc-stat-value{font-size:2rem}.rc-close-btn,.rc-control-btn{height:36px;width:36px}.rc-mobile-menu{width:100%}.rc-data-table{min-width:800px}.rc-table-header-cell{font-size:.7rem;padding:.75rem 1rem}.rc-table-cell{padding:.75rem 1rem}.rc-rmi-header h3{font-size:1.25rem}}@media (max-width:480px){.rc-image-viewer{border-radius:0!important;height:100vh!important;width:100vw!important}.rc-image-details{align-items:flex-start;flex-direction:column;gap:.5rem}.rc-detail-item{font-size:.75rem}.rc-nav-container{gap:.0625rem}.rc-nav-item{font-size:.7rem;padding:.375rem .5rem}.rc-nav-item svg{height:16px;width:16px}.rc-page-title h1{font-size:1.25rem}.rc-page-title p{font-size:.875rem}.rc-table-container{border-radius:.5rem;border-radius:var(--radius-md)}.rc-rmi-card-header{font-size:.875rem;padding:1rem}.rc-rmi-card-content{padding:1rem}}@media print{.rc-header,.rc-image-actions,.rc-image-viewer,.rc-image-viewer-overlay,.rc-sidebar,.rc-viewer-controls,.rc-viewer-footer{display:none!important}.rc-container{height:auto}.rc-main-content{margin:0;padding:0}.rc-image-display,.rc-rmi-menu,.rc-table-container{border:1px solid #000;box-shadow:none}.rc-data-table{border:1px solid #000}.rc-data-table td,.rc-data-table th{border:1px solid #000;padding:.5rem}}@media (prefers-color-scheme:dark){.rc-image-viewer,.rc-viewer-footer,.rc-viewer-header{background:#1e293b!important;color:#f1f5f9!important}.rc-viewer-title h3{color:#f1f5f9!important}.rc-viewer-title p{color:#94a3b8!important}.rc-control-btn,.rc-zoom-controls{background:#334155!important;border-color:#475569!important;color:#cbd5e1!important}.rc-control-btn:hover:not(:disabled){background:#475569!important;color:#f1f5f9!important}.rc-zoom-level{color:#f1f5f9!important}.rc-viewer-content{background:#0f172a}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}canvas,iframe,img,svg,table,video{height:auto!important;max-width:100%!important}*{-webkit-overflow-scrolling:touch}.rc-container,.rc-main-content,.rc-main-wrapper,body{overscroll-behavior-x:none}.about-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.about-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-bottom:1px solid #e5e7eb;box-shadow:0 4px 20px #0000000d;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-left{flex:1 1}.nav-logo{align-items:center;cursor:pointer;display:flex;gap:.75rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav-center{display:flex;flex:2 1;justify-content:center}.nav-links{display:flex;gap:1rem}.nav-btn{background:#0000;border:2px solid #0000;border-radius:12px;color:#4b5563;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.nav-right{display:flex;flex:1 1;justify-content:flex-end}.user-info{align-items:flex-end;gap:.25rem}.user-name{color:#1f2937;font-size:1rem}.user-role{background:#f3f4f6;border-radius:20px;color:#6b7280;font-size:.875rem;padding:.25rem .75rem}.about-content{margin:0 auto;max-width:1200px;padding:2rem}.about-header{margin-bottom:3rem;text-align:center}.about-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#10b981,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem}.about-subtitle{color:#6b7280;font-size:1.25rem;margin-bottom:1.5rem}.about-description{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 25px #0000000d;margin:0 auto;max-width:600px;padding:1.5rem}.about-description p{color:#4b5563;font-size:1.1rem;line-height:1.6}.filter-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.filter-btn{border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.filter-btn.active{box-shadow:0 4px 12px #3b82f64d}.team-vertical-container{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}.team-vertical-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 10px 30px #00000014;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.vertical-card-content{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:auto 1fr}.number-badge{align-items:center;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;left:1.5rem;position:absolute;top:1.5rem;width:40px;z-index:2}.vertical-image-container{box-shadow:0 8px 25px #0000001a;height:200px;width:200px}.vertical-image-container,.vertical-image-wrapper{border-radius:16px;overflow:hidden;position:relative}.vertical-image-wrapper{height:100%;width:100%}.member-vertical-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;transition:all .5s ease;width:100%}.vertical-category-badge{border-radius:20px;bottom:1rem;box-shadow:0 4px 12px #0003;color:#fff;font-size:.75rem;font-weight:600;left:50%;letter-spacing:.5px;padding:.5rem 1rem;position:absolute;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap;z-index:2}.vertical-info-section{padding:0 1rem}.vertical-member-name{color:#1f2937;font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.vertical-member-position{color:#3b82f6;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.vertical-description-container{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.vertical-member-description{color:#4b5563;font-size:1rem;line-height:1.7;margin:0}.vertical-department-badge{align-items:center;background:#f3f4f6;border-radius:20px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.vertical-department-badge:hover{background:#e5e7eb;transform:translateY(-2px)}.color-dot{border-radius:50%;height:10px;width:10px}.department-vision-mission{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:4rem}.mission-card,.vision-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 10px 30px #00000014;overflow:hidden;padding:2.5rem;position:relative}.mission-card:before,.vision-card:before{background:linear-gradient(90deg,#3b82f6,#10b981);content:"";height:4px;left:0;position:absolute;right:0;top:0}.mission-card:before{background:linear-gradient(90deg,#8b5cf6,#f59e0b)}.mission-icon,.vision-icon{font-size:3rem;margin-bottom:1.5rem}.mission-card h3,.vision-card h3{color:#1f2937;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.mission-card p,.vision-card p{color:#4b5563;font-size:1.05rem;line-height:1.7;margin:0}.mission-card p{line-height:2}@media (max-width:900px){.vertical-card-content{gap:1.5rem;grid-template-columns:1fr}.vertical-image-container{height:250px;margin:0 auto;width:250px}.vertical-info-section{text-align:center}.vertical-department-badge{margin:0 auto}}@media (max-width:768px){.about-nav{flex-direction:column;gap:1rem;padding:1rem}.nav-center{width:100%}.nav-links{justify-content:center;width:100%}.nav-btn{font-size:.875rem;padding:.5rem 1rem}.nav-right{justify-content:center;width:100%}.user-info{align-items:center}.about-content{padding:1rem}.about-title{font-size:2.5rem}.vertical-image-container{height:200px;width:200px}.vertical-member-name{font-size:1.5rem}.department-vision-mission{grid-template-columns:1fr}.filter-tabs{gap:.5rem}.filter-btn{font-size:.875rem;padding:.5rem 1rem}}@media (max-width:480px){.about-title{font-size:2rem}.about-subtitle{font-size:1rem}.nav-links{align-items:center;flex-direction:column;gap:.5rem}.nav-btn{width:200px}.vertical-image-container{height:180px;width:180px}.vertical-member-name{font-size:1.3rem}.mission-card,.vision-card{padding:1.5rem}}a{text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#059669)}.universe-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9 50%,#e2e8f0)}.universe-bg-elements{z-index:0}.bg-element{animation:float 20s linear infinite;background:linear-gradient(135deg,#3b82f60d,#3b82f61a);border-radius:50%;position:absolute}.bg-element.element-1{animation-delay:0s;height:300px;left:5%;top:10%;width:300px}.bg-element.element-2{animation-delay:-5s;background:linear-gradient(135deg,#10b9810d,#10b9811a);bottom:20%;height:200px;right:10%;width:200px}.bg-element.element-3{animation-delay:-10s;background:linear-gradient(135deg,#8b5cf60d,#8b5cf61a);height:150px;right:20%;top:40%;width:150px}.bg-element.element-4{animation-delay:-15s;background:linear-gradient(135deg,#ef44440d,#ef44441a);bottom:30%;height:250px;left:15%;width:250px}.universe-container{z-index:1}.universe-navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid #e2e8f080;border-radius:0 0 20px 20px;box-shadow:0 4px 30px #0000000d;margin-bottom:30px;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.navbar-container{align-items:center;display:flex;justify-content:space-between;padding:0 24px}.navbar-brand{align-items:center;cursor:pointer;display:flex;gap:12px;transition:transform .3s ease}.navbar-brand:hover{transform:translateY(-2px)}.brand-logo{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;height:40px;justify-content:center;width:40px}.logo-icon{color:#fff;height:24px;width:24px}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.navbar-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f1f5f980;border-radius:16px;display:flex;gap:4px;padding:4px}.nav-item{align-items:center;border-radius:12px;color:#64748b;cursor:pointer;display:flex;gap:8px;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background:#ffffffe6;color:#3b82f6;transform:translateY(-1px)}.nav-item-active{background:#fff;box-shadow:0 4px 12px #3b82f626;color:#3b82f6}.nav-item-indicator{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;bottom:-4px;height:4px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;width:4px}.nav-item-active .nav-item-indicator{opacity:1}.nav-item-icon{font-size:18px;transition:transform .3s ease}.nav-item:hover .nav-item-icon{transform:scale(1.1)}.nav-item-text{font-size:14px;font-weight:600}.navbar-user{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;padding:8px 16px;transition:all .3s ease}.navbar-user:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.avatar-ring,.user-avatar{position:relative}.avatar-ring{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.avatar-ring:before{animation:rotate 3s linear infinite;background:linear-gradient(135deg,#8b5cf6,#6366f1,#3b82f6);border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.avatar-text{color:#fff;font-size:16px;font-weight:700}.user-info{display:flex;flex-direction:column}.user-name{color:#1e293b;font-size:14px;font-weight:600}.user-role{color:#64748b;font-size:12px}.universe-hero{margin-bottom:40px;padding:60px 0 40px;position:relative;text-align:center}.hero-content{margin:0 auto;max-width:800px;position:relative}.hero-title{align-items:center;display:flex;font-size:56px;font-weight:800;gap:16px;justify-content:center;margin-bottom:20px}.title-gradient{-webkit-text-fill-color:#0000;animation:shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#1e293b,#3b82f6 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;background-size:200% auto}.title-sparkle{animation:sparkle 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(139,92,246,.3));font-size:40px}.hero-subtitle{color:#64748b;font-size:18px;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.hero-stats{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 8px 32px #0000000d;display:flex;display:inline-flex;gap:40px;justify-content:center;padding:24px 40px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:8px}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800}.stat-label{color:#64748b;font-size:14px;font-weight:500}.stat-divider{background:linear-gradient(180deg,#0000,#e2e8f0,#0000);height:40px;width:1px}.main-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1.2fr;margin-bottom:60px;min-height:600px}.panel-left,.panel-right{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 8px 32px #0000000d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.panel-left:hover,.panel-right:hover{box-shadow:0 16px 48px #0000001a;transform:translateY(-4px)}.panel-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f080;padding:24px}.panel-title{align-items:center;color:#1e293b;display:flex;font-size:20px;font-weight:700;gap:12px;margin-bottom:20px}.panel-icon{font-size:24px}.panel-controls{display:flex;flex-direction:column;gap:16px}.search-container{position:relative}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:16px;color:#1e293b;font-size:14px;padding:16px 52px 16px 20px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.search-button{background:none;background:#f1f5f9;border:none;border-radius:12px;cursor:pointer;padding:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .3s ease}.search-button:hover{background:#e2e8f0;transform:translateY(-50%) scale(1.1)}.search-icon{color:#64748b;height:20px;width:20px}.filter-group{display:flex;gap:12px}.filter-select,.sort-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f0;border-radius:16px;color:#1e293b;cursor:pointer;flex:1 1;font-size:14px;padding:14px 48px 14px 20px;transition:all .3s ease}.filter-select:hover,.sort-select:hover{border-color:#94a3b8;transform:translateY(-1px)}.filter-select:focus,.sort-select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.documents-scroll{max-height:500px;overflow-y:auto;padding:24px}.documents-scroll::-webkit-scrollbar{width:6px}.documents-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.documents-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:3px;-webkit-transition:all .3s ease;transition:all .3s ease}.documents-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.document-card{background:#fff;border:2px solid #0000;border-radius:20px;cursor:pointer;margin-bottom:16px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.document-card:before{background:linear-gradient(90deg,#0000,#0000000d,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.document-card:hover{border-color:#e2e8f0;box-shadow:0 16px 40px #0000001a;transform:translateY(-6px) scale(1.01)}.document-card-active{animation:cardPulse 2s infinite;background:linear-gradient(135deg,#fff,#f8fafc);border-color:#3b82f6;box-shadow:0 16px 40px #3b82f626}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.document-badge{border-radius:20px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 16px;transition:transform .3s ease}.document-card:hover .document-badge{transform:scale(1.05)}.document-meta{display:flex;gap:16px}.meta-item{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px}.meta-icon{height:14px;width:14px}.document-title{color:#1e293b;font-size:18px;font-weight:700;line-height:1.4;margin-bottom:12px;transition:color .3s ease}.document-card:hover .document-title{color:#3b82f6}.document-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:20px;overflow:hidden}.card-footer{align-items:center;display:flex;justify-content:space-between}.document-category{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:12px;font-weight:500;padding:6px 12px}.view-button{align-items:center;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .3s ease}.view-button:hover{box-shadow:0 8px 20px #0003!important;transform:translateY(-2px)}.empty-state{padding:80px 24px;text-align:center}.empty-icon{animation:bounce 2s infinite;font-size:64px;margin-bottom:24px;opacity:.5}.empty-title{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:12px}.empty-description{color:#64748b;font-size:14px;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:300px}.empty-action{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:16px;color:#fff;cursor:pointer;font-weight:600;padding:12px 32px;transition:all .3s ease}.empty-action:hover{box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.panel-footer{background:#f8fafc;border-top:1px solid #e2e8f080;padding:20px 24px}.results-text{color:#64748b;font-size:14px}.results-text strong{color:#3b82f6}.download-button{align-items:center;border:none;border-radius:16px;box-shadow:0 4px 16px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 28px;transition:all .3s ease}.download-button:hover{box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.download-icon{height:20px;width:20px}.document-details{padding:24px}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px}.loading-spinner{height:48px;width:48px}.loading-state p{color:#64748b;font-size:14px}.detail-header{align-items:center;border-bottom:1px solid #e2e8f080;display:flex;gap:24px;margin-bottom:32px;padding-bottom:32px}.document-icon-large{flex-shrink:0}.document-icon-large,.logo-circle{height:120px;position:relative;width:120px}.logo-circle{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:4px solid #fff;border-radius:50%;box-shadow:0 12px 32px #00000026;display:flex;justify-content:center;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.logo-circle:hover{box-shadow:0 20px 48px #00000040;transform:rotate(5deg) scale(1.05)}.logo-circle:before{background:linear-gradient(45deg,#3b82f6,#8b5cf6,#3b82f6);border-radius:50%;bottom:-4px;content:"";left:-4px;opacity:0;position:absolute;right:-4px;top:-4px;transition:opacity .5s ease;z-index:-1}.logo-circle:hover:before{animation:rotate 3s linear infinite;opacity:1}.logo-circle-image{height:70%;object-fit:contain;transition:transform .5s ease;width:70%}.logo-circle:hover .logo-circle-image{transform:scale(1.1)}.detail-info{flex:1 1}.detail-title{color:#1e293b;font-size:28px;font-weight:800;line-height:1.2;margin-bottom:12px}.detail-subtitle{align-items:center;display:flex;gap:16px}.detail-category{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:14px;font-weight:500;padding:6px 16px}.detail-code{font-size:20px;font-weight:800;letter-spacing:1px}.detail-description{margin-bottom:32px}.description-title{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:12px;margin-bottom:16px}.title-icon{height:20px;width:20px}.description-content{background:#f8fafc;border:1px solid #e2e8f080;border-radius:20px;color:#475569;font-size:15px;line-height:1.7;padding:28px}.description-content p{margin:0}.detail-actions{display:flex;gap:16px;margin-bottom:32px}.action-button{align-items:center;border:2px solid #0000;border-radius:20px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:12px;justify-content:center;padding:18px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-primary{box-shadow:0 4px 16px #00000026;color:#fff}.action-primary:hover{box-shadow:0 12px 32px #0003;transform:translateY(-4px) scale(1.02)}.action-secondary{background:#fff}.action-secondary:hover{background:#f8fafc;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.action-icon{height:20px;width:20px}.detail-features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.feature-item{align-items:center;background:#fff;border:1px solid #e2e8f080;border-radius:20px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.feature-item:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.feature-icon{align-items:center;background:#f1f5f9;border-radius:16px;display:flex;height:48px;justify-content:center;width:48px}.feature-icon svg{height:24px;width:24px}.feature-content{flex:1 1}.feature-content h5{color:#1e293b;font-size:16px;font-weight:700;margin-bottom:4px}.feature-content p{color:#64748b;font-size:13px;margin:0}.universe-footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #e2e8f080;border-radius:24px;margin-top:60px;padding:40px}.footer-content{margin:0 auto;max-width:1200px;text-align:center}.footer-brand{flex-direction:column;gap:16px;margin-bottom:32px}.footer-brand,.footer-logo{align-items:center;display:flex}.footer-logo{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;box-shadow:0 8px 24px #3b82f64d;height:60px;justify-content:center;width:60px}.footer-logo-icon{color:#fff;height:24px;width:24px}.footer-info h4{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:8px}.footer-info p{color:#64748b;font-size:14px}.footer-links{display:flex;gap:32px;justify-content:center;margin-bottom:32px}.footer-link{color:#64748b;font-size:14px;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.footer-link:after{background:linear-gradient(135deg,#3b82f6,#1d4ed8);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-link:hover{color:#3b82f6}.footer-link:hover:after{width:100%}.footer-copyright{border-top:1px solid #e2e8f080;color:#94a3b8;font-size:13px;padding-top:32px}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cardPulse{0%,to{box-shadow:0 16px 40px #3b82f626}50%{box-shadow:0 16px 40px #3b82f640}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1200px){.main-grid{gap:24px;grid-template-columns:1fr}.hero-title{font-size:48px}.hero-stats{padding:20px 32px}}@media (max-width:768px){.universe-container{padding:0 16px}.navbar-container{flex-direction:column;gap:16px;padding:0 16px}.navbar-menu{justify-content:center;width:100%}.nav-item{padding:10px 16px}.hero-title{flex-direction:column;font-size:36px;gap:8px}.hero-subtitle{font-size:16px}.hero-stats{flex-direction:column;gap:20px;width:100%}.stat-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:1px;width:100%}.detail-header,.filter-group{flex-direction:column}.detail-header{gap:16px;text-align:center}.logo-circle{height:100px;width:100px}.detail-features{grid-template-columns:1fr}.detail-actions,.footer-links{flex-direction:column}.footer-links{gap:16px}}@media (max-width:480px){.hero-title{font-size:32px}.title-sparkle{font-size:28px}.document-card,.panel-header{padding:20px}.card-footer{align-items:stretch;flex-direction:column;gap:12px}.view-button{justify-content:center;width:100%}.universe-footer{padding:32px 20px}}.universe-bg-overlay{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.universe-bg-gradient{animation:gradientFlow 20s ease infinite;background:linear-gradient(135deg,#f8fafc,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%,#f8fafc);background-size:400% 400%}.universe-bg-pattern{background-color:#f8fafc;background-image:radial-gradient(circle at 10% 20%,#3b82f60d 0,#0000 20%),radial-gradient(circle at 90% 30%,#10b9810d 0,#0000 20%),radial-gradient(circle at 50% 80%,#8b5cf60d 0,#0000 20%),linear-gradient(45deg,#0000 49%,#3b82f608 50%,#0000 51%),linear-gradient(135deg,#0000 49%,#10b98108 50%,#0000 51%);background-size:300px 300px,400px 400px,500px 500px,60px 60px,60px 60px}.universe-bg-network{background-color:#f8fafc;background-image:radial-gradient(circle at 25% 25%,#3b82f614 2px,#0000 0),radial-gradient(circle at 75% 75%,#10b98114 2px,#0000 0),radial-gradient(circle at 50% 50%,#8b5cf614 2px,#0000 0);background-position:0 0,50px 50px,25px 75px;background-size:100px 100px}.universe-bg-custom{background-color:#f8fafc;position:relative}.universe-bg-custom:before{background-image:none;background-image:var(--bg-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";filter:grayscale(100%) brightness(1.1);height:100%;left:0;opacity:.15;position:absolute;top:0;transition:opacity .5s ease;width:100%}.bg-selector{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:20px;bottom:20px;box-shadow:0 8px 32px #0000001a;display:flex;gap:8px;padding:12px;position:fixed;right:20px;transition:all .3s ease;z-index:1000}.bg-selector:hover{box-shadow:0 12px 48px #00000026;transform:translateY(-2px)}.bg-option{background:#fff;border:2px solid #0000;border-radius:12px;cursor:pointer;height:40px;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.bg-option:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.bg-option.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633,0 4px 12px #00000026;transform:scale(1.05)}.bg-preview-custom,.bg-preview-gradient,.bg-preview-network,.bg-preview-pattern{border-radius:10px;height:100%;width:100%}.bg-preview-gradient{background:linear-gradient(135deg,#f8fafc,#f1f5f9 50%,#e2e8f0)}.bg-preview-pattern{background:radial-gradient(circle at 30% 30%,#3b82f633 0,#0000 50%),linear-gradient(45deg,#f8fafc,#f1f5f9)}.bg-preview-network{background:radial-gradient(circle at 70% 70%,#10b98133 0,#0000 50%),linear-gradient(135deg,#f8fafc,#f1f5f9)}.bg-preview-custom{background-position:50%;background-size:cover}.universe-page{min-height:100vh;overflow-x:hidden;position:relative}.universe-container{margin:0 auto;max-width:1600px;padding:0 20px;position:relative;z-index:2}.panel-left,.panel-right,.universe-footer,.universe-hero,.universe-navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffeb}.universe-bg-elements{height:100%;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.bg-selector{bottom:10px;padding:8px;right:10px}.bg-option{height:36px;width:36px}}@media (max-width:480px){.bg-selector{flex-direction:column;padding:8px}.bg-option{height:32px;width:32px}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-20px) rotate(90deg) scale(1.05)}50%{transform:translateY(0) rotate(180deg) scale(1)}75%{transform:translateY(20px) rotate(270deg) scale(.95)}}.bg-element.element-2{background:linear-gradient(135deg,#10b98114,#10b9811f)}.bg-element.element-3{background:linear-gradient(135deg,#8b5cf614,#8b5cf61f)}.bg-element.element-4{background:linear-gradient(135deg,#ef444414,#ef44441f)}.page-container{background:#f8fafc;min-height:100vh;padding:20px}.page-header{border-bottom:1px solid #e2e8f0;gap:20px;margin-bottom:30px;padding-bottom:20px}.back-button,.page-header{align-items:center;display:flex}.back-button{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;gap:8px;padding:10px 16px;transition:all .3s ease}.back-button:hover{background:#f1f5f9;border-color:#cbd5e1}.page-title{align-items:center;display:flex;flex:1 1;gap:12px}.page-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.8rem;margin:0}.page-content{margin:0 auto;max-width:1200px}.content-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:30px}.content-card h2{color:#1e40af;font-size:1.5rem;margin-bottom:20px;margin-top:0}.content-card p{color:#475569;line-height:1.8;margin-bottom:15px}.content-card p:last-child{margin-bottom:0}@media (max-width:768px){.page-container{padding:15px}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.page-title{width:100%}.content-card{padding:20px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-loading{align-items:center;background:#f8fafc;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:50px;margin-bottom:20px;width:50px}.app-loading p{color:#64748b;font-size:16px;margin:0}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.-inset-1{inset:-.25rem}.-inset-2{inset:-.5rem}.-inset-3{inset:-.75rem}.inset-0{inset:0}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.end-1{inset-inline-end:.25rem}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-4{top:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-64{margin-left:16rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-64{width:16rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-\[160px\]{max-width:160px}.flex-1{flex:1 1}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-1{--tw-translate-x:0.25rem}.translate-x-1,.translate-x-5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x:1.25rem}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-125{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02}.scale-\[1\.02\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-blue-200\/30{border-color:#bfdbfe4d}.border-blue-200\/50{border-color:#bfdbfe80}.border-blue-300\/50{border-color:#93c5fd80}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-red-200\/50{border-color:#fecaca80}.border-transparent{border-color:#0000}.border-white\/80{border-color:#fffc}.border-t-transparent{border-top-color:#0000}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-400\/20{background-color:#60a5fa33}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:#6b7280;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:#4f46e5;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:#a855f7;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-red-400{--tw-bg-opacity:1;background-color:#f87171;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/40{background-color:#fff6}.bg-white\/80{background-color:#fffc}.bg-white\/90{background-color:#ffffffe6}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-black\/60{--tw-gradient-from:#0009 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-400\/20{--tw-gradient-from:#60a5fa33 var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-400\/40{--tw-gradient-from:#60a5fa66 var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500\/10{--tw-gradient-from:#3b82f61a var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500\/5{--tw-gradient-from:#3b82f60d var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500\/10{--tw-gradient-from:#ef44441a var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/95{--tw-gradient-from:#fffffff2 var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-purple-500\/20{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f733 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-500\/40{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f766 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0000 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-50\/95{--tw-gradient-to:#eff6fff2 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-blue-900\/30{--tw-gradient-to:#1e3a8a4d var(--tw-gradient-to-position)}.to-cyan-400{--tw-gradient-to:#22d3ee var(--tw-gradient-to-position)}.to-cyan-400\/20{--tw-gradient-to:#22d3ee33 var(--tw-gradient-to-position)}.to-cyan-400\/40{--tw-gradient-to:#22d3ee66 var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to:#a855f7 var(--tw-gradient-to-position)}.to-purple-500\/10{--tw-gradient-to:#a855f71a var(--tw-gradient-to-position)}.to-purple-500\/5{--tw-gradient-to:#a855f70d var(--tw-gradient-to-position)}.to-red-600\/10{--tw-gradient-to:#dc26261a var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.object-contain{object-fit:contain}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-12{padding-left:3rem;padding-right:3rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-4{padding-bottom:1rem}.pl-3{padding-left:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-tight{line-height:1.25}.text-\[\#215ba6\]{--tw-text-opacity:1;color:#215ba6;color:rgb(33 91 166/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:#1e3a8a;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:#ea580c;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:#a855f7;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:#eab308;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-inner{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-blue-300\/20{--tw-shadow-color:#93c5fd33;--tw-shadow:var(--tw-shadow-colored)}.shadow-blue-500\/20{--tw-shadow-color:#3b82f633;--tw-shadow:var(--tw-shadow-colored)}.shadow-gray-300\/30{--tw-shadow-color:#d1d5db4d;--tw-shadow:var(--tw-shadow-colored)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-blue-300\/30{--tw-ring-color:#93c5fd4d}.blur{--tw-blur:blur(8px)}.blur,.blur-lg{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-lg{--tw-blur:blur(16px)}.blur-xl{--tw-blur:blur(24px)}.blur-xl,.drop-shadow-sm{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px #0000000d)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:translate-x-2:hover{--tw-translate-x:0.5rem}.hover\:scale-105:hover,.hover\:translate-x-2:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:border-blue-200\/30:hover{border-color:#bfdbfe4d}.hover\:border-blue-300\/50:hover{border-color:#93c5fd80}.hover\:border-red-300\/70:hover{border-color:#fca5a5b3}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-500\/10:hover{background-color:#3b82f61a}.hover\:bg-blue-500\/5:hover{background-color:#3b82f60d}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gradient-to-r:hover{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.hover\:from-blue-500\/5:hover{--tw-gradient-from:#3b82f60d var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-red-500\/20:hover{--tw-gradient-from:#ef444433 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-purple-500\/5:hover{--tw-gradient-to:#a855f70d var(--tw-gradient-to-position)}.hover\:to-red-600\/20:hover{--tw-gradient-to:#dc262633 var(--tw-gradient-to-position)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:-translate-x-1{--tw-translate-x:-0.25rem}.group:hover .group-hover\:-translate-x-1,.group:hover .group-hover\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:rotate-180{--tw-rotate:180deg}.group:hover .group-hover\:rotate-180,.group:hover .group-hover\:rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:rotate-90{--tw-rotate:90deg}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.group:hover .group-hover\:animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.group:hover .group-hover\:text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.dark\:border-blue-700\/50:is(.dark *){border-color:#1d4ed880}.dark\:border-gray-700:is(.dark *){--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:border-gray-700\/30:is(.dark *){border-color:#3741514d}.dark\:border-gray-700\/50:is(.dark *){border-color:#37415180}.dark\:border-red-800\/30:is(.dark *){border-color:#991b1b4d}.dark\:bg-blue-600\/20:is(.dark *){background-color:#2563eb33}.dark\:bg-blue-900\/30:is(.dark *){background-color:#1e3a8a4d}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-gray-800\/40:is(.dark *){background-color:#1f293766}.dark\:bg-gray-800\/80:is(.dark *){background-color:#1f2937cc}.dark\:bg-gray-800\/90:is(.dark *){background-color:#1f2937e6}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:bg-gray-950:is(.dark *){--tw-bg-opacity:1;background-color:#030712;background-color:rgb(3 7 18/var(--tw-bg-opacity,1))}.dark\:from-gray-900\/95:is(.dark *){--tw-gradient-from:#111827f2 var(--tw-gradient-from-position);--tw-gradient-to:#11182700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-red-900\/30:is(.dark *){--tw-gradient-from:#7f1d1d4d var(--tw-gradient-from-position);--tw-gradient-to:#7f1d1d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:to-gray-800\/95:is(.dark *){--tw-gradient-to:#1f2937f2 var(--tw-gradient-to-position)}.dark\:to-red-800\/30:is(.dark *){--tw-gradient-to:#991b1b4d var(--tw-gradient-to-position)}.dark\:text-blue-100:is(.dark *){--tw-text-opacity:1;color:#dbeafe;color:rgb(219 234 254/var(--tw-text-opacity,1))}.dark\:text-blue-300:is(.dark *){--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:#f3f4f6;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:border-gray-600\/30:hover:is(.dark *){border-color:#4b55634d}.dark\:hover\:border-gray-600\/50:hover:is(.dark *){border-color:#4b556380}.dark\:hover\:border-red-700\/50:hover:is(.dark *){border-color:#b91c1c80}.dark\:hover\:bg-blue-500\/20:hover:is(.dark *){background-color:#3b82f633}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-700\/50:hover:is(.dark *){background-color:#37415180}.dark\:hover\:from-red-800\/50:hover:is(.dark *){--tw-gradient-from:#991b1b80 var(--tw-gradient-from-position);--tw-gradient-to:#991b1b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:hover\:to-red-700\/50:hover:is(.dark *){--tw-gradient-to:#b91c1c80 var(--tw-gradient-to-position)}.group:hover .dark\:group-hover\:text-blue-300:is(.dark *){--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}@media (min-width:1024px){.lg\:sticky{position:-webkit-sticky;position:sticky}.lg\:hidden{display:none}.lg\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}