:root{--sidebar-width:clamp(240px, 20vw, 320px);--sidebar-collapsed-width:80px}html,body{max-width:100vw;margin:0;padding:0;overflow-x:hidden}.modal,.modal-overlay,.modal-content,.preview-modal,.preview-modal-content{box-sizing:border-box;min-width:0;max-width:100vw;overflow-x:hidden}*{box-sizing:border-box}body{color:#fff;background:#101622;font-family:Inter,Segoe UI,Arial,sans-serif}.nepp-root,.main-content,section,.container{max-width:100%;overflow-x:hidden}.nepp-root{background:#101622;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);color:#fff;background:#101b28;flex-direction:column;min-height:100vh;padding:0;font-family:Inter,Arial,sans-serif;transition:width .3s;display:flex;position:relative;overflow:visible}.sidebar-toggle{cursor:pointer;z-index:1001;background:#e5c100;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .3s,background-color .2s;display:flex;position:absolute;top:24px;right:-15px;box-shadow:0 2px 8px #0000004d}.sidebar-toggle:hover{background:#c9a700;transform:scale(1.1)}.sidebar-toggle-icon{color:#101b28;width:16px;height:16px}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .category-header,.sidebar.collapsed .category-links,.sidebar.collapsed .sidebar-item{justify-content:center;padding-left:0;padding-right:0;font-size:0}.sidebar.collapsed .sidebar-brand{justify-content:center}.sidebar.collapsed .category-header{display:none}.sidebar.collapsed .category-links{display:flex}.sidebar.collapsed .sidebar-item{height:50px}.sidebar.collapsed .sidebar-item .notification-badge{width:8px;height:8px;padding:0;font-size:0;position:absolute;top:10px;right:15px}.sidebar.collapsed .sidebar-user{justify-content:center;padding:12px}.sidebar.collapsed .sidebar-user>div{display:none}.main-content{background:#101622;flex:1;min-height:100vh;padding:40px 48px;transition:margin-left .3s}.main-content.sidebar-collapsed{margin-left:0}.sidebar-header{border-bottom:1px solid #ffffff14;padding:24px}.sidebar-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.sidebar-brand-logo{width:32px;height:auto}.sidebar-brand-text{color:#fff;letter-spacing:.05em;text-transform:uppercase;font-size:1.25rem;font-weight:800}.sidebar-content{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex:1;padding:16px 0;overflow-y:auto}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-category{margin-bottom:8px}.category-header{color:#64748b;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;justify-content:space-between;align-items:center;padding:12px 24px;font-size:.75rem;font-weight:700;transition:color .2s;display:flex}.category-header:hover{color:#fff}.category-toggle-icon{width:14px;height:14px;transition:transform .3s}.sidebar-category.collapsed .category-links{display:none}.sidebar-category.collapsed .category-toggle-icon{transform:rotate(-90deg)}.category-links{flex-direction:column;gap:4px;display:flex}.sidebar-item{color:#94a3b8;border-left:3px solid #0000;align-items:center;gap:12px;padding:10px 24px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-item:hover{color:#fff;background:#ffd7000d}.sidebar-item.active{color:#e5c100;background:#ffd7001a;border-left-color:#e5c100}.sidebar-icon{width:20px;height:20px;color:inherit;justify-content:center;align-items:center;display:flex}.sidebar-icon svg{width:100%;height:100%}.sidebar-footer{background:#0003;border-top:1px solid #ffffff14;padding-bottom:16px}.sidebar-user{background:#0000004d;align-items:center;gap:12px;margin-top:8px;padding:16px 24px;display:flex}.sidebar-user-badge{background:#ffd7001a;border:2px solid #e5c100;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.sidebar-user-badge img{object-fit:cover;border-radius:50%;width:100%;height:100%}.sidebar-user>div{flex-direction:column;display:flex;overflow:hidden}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.sidebar-user-verified{color:#e5c100;align-items:center;gap:4px;font-size:.75rem;font-weight:500;display:flex}.sidebar-user-verified:before{content:"✓";font-weight:700;display:inline-block}.notification-icon-wrapper{display:inline-block;position:relative}.cta-primary{color:#fff;background:#c9a700}.notification-badge{color:#fff;background:#ef4444;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:.7rem;font-weight:700}button,a.button,input[type=button],input[type=submit],input[type=reset],.touch-target{min-width:44px;min-height:44px;padding:8px 16px}.icon-button,.close-btn,.delete-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px;display:inline-flex}input[type=checkbox],input[type=radio]{width:20px;height:20px;margin:12px}.list-item a,.nav-item{align-items:center;min-height:44px;padding:12px 16px;display:flex}@media (max-width:768px){.mobile-sidebar-toggle{display:flex}.sidebar{z-index:1002;visibility:hidden;pointer-events:none;width:280px;max-width:85vw;height:100vh;transition:transform .3s,visibility .3s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 10px #0000004d}.sidebar.mobile-open{visibility:visible;pointer-events:auto;transform:translate(0)}.main-content{margin-left:0;padding:60px 20px 20px}.touch-target+.touch-target{margin-top:12px}}@media (min-width:769px){.mobile-sidebar-toggle{display:none}.sidebar-overlay{display:none!important}}.page-header{color:#fff;background:linear-gradient(135deg,#e5c100 0%,#d4af37 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:32px;font-size:2.5rem;font-weight:800}.dashboard-sections{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:24px;display:grid}.panel{-webkit-backdrop-filter:blur(12px);background:#101b28b3;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;padding:24px;display:flex;box-shadow:0 4px 20px #0003}.panel h2{color:#e5c100;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.panel.announcements{grid-area:1/1/3/2;min-height:500px}.panel.forms-section{grid-area:1/2/2/3;min-height:220px}.panel.calendar{grid-area:2/2/3/3;min-height:260px}.announcements-header,.forms-header,.calendar-section-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.view-all-btn{color:#94a3b8;align-items:center;gap:4px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.view-all-btn:hover{color:#e5c100}.view-all-btn:after{content:"→";font-weight:700}.empty-state{text-align:center;color:#64748b;background:#0003;border:1px dashed #ffffff1a;border-radius:8px;margin-top:auto;margin-bottom:auto;padding:40px 20px;font-style:italic}.empty-state a{color:#e5c100;font-weight:600;text-decoration:none}.empty-state a:hover{text-decoration:underline}.calendar-widget{color:#fff;background:0 0;border-radius:0;flex:1;width:100%;padding:0}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-header h2{color:#fff;letter-spacing:normal;text-transform:none;font-size:1.1rem}.calendar-nav-btn{color:#e5c100;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;transition:all .2s;display:flex}.calendar-nav-btn:hover{background:#ffd70033;border-color:#e5c100}.calendar-days-header{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.calendar-days-header span{text-align:center;color:#64748b;padding:4px 0;font-size:.8rem;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-grid>div{aspect-ratio:1;cursor:pointer;color:#cbd5e1;background:#ffffff08;border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;transition:all .2s;display:flex}.calendar-grid>div:hover{color:#fff;background:#ffffff1a}.calendar-grid>div.today{color:#e5c100;background:#ffd70033;border:1px solid #ffd7004d;font-weight:700}.calendar-grid>div.has-events:after{content:"";background:#e5c100;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.calendar-grid>div.other-month{opacity:.3;cursor:default;background:0 0}.auth-container{color:#333;background-color:#fff;border-radius:16px;max-width:450px;margin:80px auto;padding:40px;box-shadow:0 5px 30px #0003}.auth-container .form-group{margin-bottom:28px}.auth-container .form-group label{display:none}.auth-container .form-group input{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:16px;font-size:16px;transition:all .3s}.auth-container .form-group input:focus{border-color:gold;outline:none;box-shadow:0 0 0 2px #ffd70033}.auth-container .form-group input::placeholder{color:#aaa}.auth-btn{color:#0c1930;cursor:pointer;text-align:center;background-color:gold;border:none;border-radius:8px;width:100%;margin:35px 0 15px;padding:16px;font-size:18px;font-weight:700;transition:all .3s;display:block;box-shadow:0 2px 5px #0000001a}.auth-btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.auth-links{text-align:center;margin-top:25px}.auth-links p{color:#333}.auth-links a{color:gold;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s}.auth-links a:hover{text-decoration:underline}.auth-message{text-align:center;color:#ff3860;border-radius:6px;margin-top:15px;padding:10px;display:none}.user-selector{margin-bottom:1rem;position:relative}.user-search{color:#fff;background:#1a2438;border:1px solid #2a3854;border-radius:4px;width:100%;padding:8px}.search-results{z-index:1000;background:#1a2438;border:1px solid #2a3854;border-radius:4px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.user-result{cursor:pointer;justify-content:space-between;align-items:center;padding:8px;display:flex}.user-result:hover{background:#2a3854}.selected-users{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.selected-user{background:#2a3854;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;display:flex}.selected-user button{color:#ff3860;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.2em}.coming-soon-badge{color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,gold 0%,#ffed4e 100%);border-radius:12px;margin-left:auto;padding:.15rem .5rem;font-size:.65rem;font-weight:700;animation:2s ease-in-out infinite pulse-glow;display:inline-block;box-shadow:0 2px 4px #ffd7004d}.coming-soon-badge-inline{color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;background:linear-gradient(135deg,gold 0%,#ffed4e 100%);border-radius:12px;margin-left:.5rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;animation:2s ease-in-out infinite pulse-glow;display:inline-block;box-shadow:0 2px 4px #ffd7004d}@keyframes pulse-glow{0%,to{box-shadow:0 2px 4px #ffd7004d}50%{box-shadow:0 2px 8px #ffd70099}}.password-protected-feature{cursor:pointer;position:relative}.password-protected-feature:after{content:"🔒";opacity:.6;font-size:.9rem;position:absolute;right:1rem}.sidebar-item.password-protected-feature{align-items:center;display:flex}.sidebar-item.password-protected-feature:after{margin-left:.5rem;position:static}