@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);.navbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0a142abf;border-bottom:1px solid var(--glass-border);height:62px;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar,.navbar-left{display:flex;gap:14px}.menu-btn,.navbar,.navbar-left{align-items:center;flex-shrink:0}.menu-btn{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:9px;color:var(--text-secondary);cursor:pointer;display:none;height:36px;justify-content:center;transition:all .2s;width:36px}.menu-btn:hover{background:#ffffff1a;border-color:var(--accent-color);color:var(--text-primary)}.navbar-logo{align-items:center;display:flex;gap:8px;text-decoration:none}.navbar-logo-icon{animation:nbPenguinBounce 3s ease-in-out infinite;font-size:20px;line-height:1}.navbar-logo:hover .navbar-logo-icon{animation:nbPenguinWaddle .6s ease-in-out}@keyframes nbPenguinBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes nbPenguinWaddle{0%{transform:rotate(0deg)}20%{transform:rotate(12deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.navbar-logo-text{color:var(--text-primary);font-size:16px;font-weight:800;letter-spacing:-.3px}.navbar-logo-text span{color:var(--primary-color)}.navbar-search{flex:1 1;max-width:420px;position:relative}.navbar-search-icon{color:var(--text-secondary);display:flex;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.navbar-search input{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:13px;outline:none;padding:9px 14px 9px 38px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.navbar-search input::placeholder{color:var(--text-secondary);opacity:.6}.navbar-search input:focus{background:#ffffff14;border-color:#60a5fa66;box-shadow:0 0 12px #2563eb40}.navbar-right{flex-shrink:0;gap:12px;margin-left:auto}.navbar-right,.nb-icon-btn{align-items:center;display:flex}.nb-icon-btn{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-secondary);cursor:pointer;height:36px;justify-content:center;position:relative;transition:all .2s ease;width:36px}.nb-icon-btn:hover{background:#ffffff1a;border-color:var(--accent-color);color:var(--text-primary);transform:translateY(-1px)}.nb-icon-btn svg{transition:transform .2s ease}.nb-icon-btn:hover svg{transform:scale(1.05)}.nb-badge{background:var(--secondary-color);border-radius:50%;box-shadow:0 0 8px var(--secondary-color);height:7px;position:absolute;right:8px;top:8px;width:7px}.nb-profile-btn{align-items:center;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:19px;cursor:pointer;display:flex;gap:10px;height:38px;padding:3px 12px 3px 4px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.nb-profile-btn:hover{background:#ffffff14;border-color:#60a5fa59;box-shadow:var(--shadow-glow)}.nb-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:1px solid #ffffff26;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;overflow:hidden;width:30px}.nb-avatar img{height:100%;object-fit:cover;width:100%}.nb-profile-name{color:var(--text-primary);font-size:13px;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-chevron{color:var(--text-secondary);display:flex;flex-shrink:0;transition:transform .2s}.nb-profile-btn.open .nb-chevron{transform:rotate(180deg)}.nb-dropdown{animation:nbDropIn .25s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0d1930d9;border:1px solid var(--glass-border);border-radius:18px;box-shadow:0 24px 64px #00000080,inset 0 1px 1px #ffffff0d;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:320px;z-index:1000}@keyframes nbDropIn{0%{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.nb-drop-header{align-items:center;background:linear-gradient(135deg,#2563eb33,#60a5fa14);border-bottom:1px solid var(--glass-border);display:flex;gap:14px;padding:20px}.nb-drop-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid var(--accent-color);border-radius:50%;box-shadow:0 0 15px #2563eb66;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:54px;justify-content:center;overflow:hidden;width:54px}.nb-drop-avatar img{height:100%;object-fit:cover;width:100%}.nb-drop-name{color:var(--text-primary);font-size:15px;font-weight:700;margin-bottom:3px}.nb-drop-email{color:var(--text-secondary);font-size:12px;margin-bottom:6px}.nb-drop-role-badge{align-items:center;background:#f973161a;border:1px solid #f9731659;border-radius:20px;color:var(--secondary-color);display:inline-flex;font-size:10.5px;font-weight:600;gap:4px;padding:2px 9px}.nb-drop-info{grid-gap:12px;border-bottom:1px solid var(--glass-border);display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:16px 18px}.nb-info-label{color:var(--text-secondary);font-size:9px;font-weight:700;letter-spacing:.8px;margin-bottom:4px;opacity:.75;text-transform:uppercase}.nb-info-value{color:var(--text-primary);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-drop-actions{padding:8px}.nb-drop-action{align-items:center;background:none;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:500;gap:11px;padding:9px 12px;text-align:left;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);width:100%}.nb-drop-action svg{color:var(--secondary-color);transition:transform .2s ease}.nb-drop-action:hover{background:#ffffff0d;color:var(--text-primary)}.nb-drop-action:hover svg{transform:translateX(1px)}.nb-drop-action.danger,.nb-drop-action.danger svg{color:#ef4444}.nb-drop-action.danger:hover{background:#ef444414;color:#fca5a5}.nb-drop-action.admin{color:var(--secondary-color)}.nb-drop-action.admin:hover{background:#f9731614}.nb-drop-divider{background:var(--glass-border);height:1px;margin:6px 8px}.navbar-public-links{align-items:center;display:flex;flex:1 1;gap:4px;justify-content:center}.navbar-public-links button{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:7px 14px;transition:color .2s,background .2s;white-space:nowrap}.navbar-public-links button:hover{background:#ffffff0d;color:var(--text-primary)}.nb-auth-btn{border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:8px 18px;transition:all .2s ease}.nb-auth-btn.ghost{background:none;border:1px solid var(--glass-border);color:var(--text-secondary)}.nb-auth-btn.ghost:hover{border-color:#60a5fa66;color:var(--text-primary)}.nb-auth-btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;box-shadow:0 4px 12px #2563eb40;color:#fff}.nb-auth-btn.primary:hover{box-shadow:0 4px 16px #2563eb73;opacity:.95;transform:translateY(-1px)}@media (max-width:900px){.menu-btn{display:flex}.navbar-search{max-width:200px}.navbar-public-links,.nb-chevron,.nb-profile-name{display:none}}@media (max-width:520px){.navbar-search{display:none}.navbar{padding:0 14px}}.sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a142ad9;border-right:1px solid var(--glass-border);box-shadow:4px 0 32px #0000004d;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:200}.sidebar.collapsed{width:72px}@media (max-width:900px){.sidebar{background:#081024f2;box-shadow:8px 0 40px #00000080;transform:translateX(-100%);width:260px!important;z-index:1000}.sidebar.open{transform:translateX(0)}}.sidebar-brand{border-bottom:1px solid var(--glass-border);gap:12px;min-height:68px;padding:18px 16px;position:relative}.sidebar-brand,.sidebar-brand-icon{align-items:center;display:flex;flex-shrink:0}.sidebar-brand-icon{animation:sbPenguinWaddle 4s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:1px solid #ffffff26;border-radius:50%;box-shadow:0 4px 16px #2563eb59;font-size:20px;height:40px;justify-content:center;width:40px}.sidebar-brand:hover .sidebar-brand-icon{animation:sbPenguinDance .5s ease-in-out}@keyframes sbPenguinWaddle{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(4deg) scale(1.02)}75%{transform:rotate(-4deg) scale(1.02)}}@keyframes sbPenguinDance{0%{transform:rotate(0deg) scale(1)}15%{transform:rotate(12deg) scale(1.05)}30%{transform:rotate(-10deg) scale(1.05)}50%{transform:rotate(8deg) scale(1.08)}70%{transform:rotate(-6deg) scale(1.05)}to{transform:rotate(0deg) scale(1)}}.sidebar-brand-text{max-width:180px;overflow:hidden;transition:opacity .25s ease,max-width .3s ease;white-space:nowrap}.sidebar-brand-text h2{color:var(--text-primary);font-size:15px;font-weight:800;letter-spacing:-.3px;line-height:1.2}.sidebar-brand-text p{color:var(--accent-color);font-size:11px;font-weight:600;margin-top:1px}.sidebar.collapsed .sidebar-brand-text{max-width:0;opacity:0;pointer-events:none}.sidebar-toggle{align-items:center;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:50%;box-shadow:0 2px 8px #0003;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px;z-index:10}.sidebar-toggle:hover{background:var(--primary-color);border-color:var(--accent-color);box-shadow:0 0 10px #2563eb66;color:#fff}.sidebar.collapsed .sidebar-toggle{right:24px}@media (max-width:900px){.sidebar-toggle{display:none!important}}.sidebar-user{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;flex-shrink:0;gap:12px;overflow:hidden;padding:16px 14px;transition:padding .3s ease}.sidebar.collapsed .sidebar-user{justify-content:center;padding:12px}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid var(--glass-border);border-radius:50%;box-shadow:0 0 10px #2563eb33;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;overflow:hidden;width:36px}.sidebar-user-avatar img{height:100%;object-fit:cover;width:100%}.sidebar-user-info{max-width:180px;overflow:hidden;transition:opacity .25s ease,max-width .3s ease;white-space:nowrap}.sidebar-user-info h4{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.sidebar-user-info p{color:var(--text-secondary);font-size:11px;margin-top:1px;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-user-info{max-width:0;opacity:0}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:3px;overflow-x:hidden;overflow-y:auto;padding:8px}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar-section-label{color:var(--text-secondary);font-size:9px;font-weight:700;letter-spacing:1.5px;opacity:.7;overflow:hidden;padding:14px 12px 6px;text-transform:uppercase;transition:opacity .2s ease;white-space:nowrap}.sidebar.collapsed .sidebar-section-label{height:0;opacity:0;padding:0}.nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;gap:11px;padding:10px 14px;position:relative;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%}.nav-item:hover{background:#ffffff0a;border-color:#ffffff08;color:var(--text-primary);transform:translateX(2px)}.nav-item.active{background:#f9731614;border-color:#f9731638;box-shadow:0 0 16px #f973161f;color:var(--secondary-color)}.nav-item.active .nav-icon{color:var(--secondary-color);filter:drop-shadow(0 0 6px rgba(249,115,22,.5))}.nav-item.active:before{background:var(--secondary-color);border-radius:0 3px 3px 0;box-shadow:0 0 10px var(--secondary-color);content:"";height:50%;left:0;position:absolute;top:25%;width:3px}.nav-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:color .2s ease,filter .2s ease;width:20px}.nav-label{flex:1 1;max-width:180px;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease,max-width .3s ease}.sidebar.collapsed .nav-label{max-width:0;opacity:0}.nav-badge{background:var(--primary-color);border-radius:20px;box-shadow:0 2px 8px #2563eb66;color:#fff;flex-shrink:0;font-size:10px;font-weight:700;line-height:1.4;margin-left:auto;padding:2px 7px;transition:opacity .2s ease}.sidebar.collapsed .nav-badge{opacity:0;overflow:hidden;padding:0;width:0}.sidebar.collapsed .nav-item{justify-content:center;padding:10px 0}.sidebar.collapsed .nav-item:hover{transform:scale(1.05)}.sidebar.collapsed .nav-item:hover:after{background:#081024;border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 6px 20px #0006;color:var(--text-primary);content:attr(data-label);font-size:12px;font-weight:600;left:68px;padding:7px 13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:9999}.sidebar-divider{background:var(--glass-border);flex-shrink:0;height:1px;margin:8px}.sidebar-bottom{border-top:1px solid var(--glass-border);flex-shrink:0;padding:12px 8px}.logout-btn{align-items:center;background:#ef44440d;border:1px solid #ef444426;border-radius:12px;color:#ef4444;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;gap:11px;overflow:hidden;padding:10px 12px;transition:all .2s ease;white-space:nowrap;width:100%}.logout-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#fca5a5;transform:translateY(-1px)}.logout-btn.login-btn{background:#60a5fa0d;border-color:#60a5fa33;color:var(--accent-color)}.logout-btn.login-btn:hover{background:#60a5fa1a;border-color:#60a5fa73;color:#fff}.sidebar.collapsed .logout-btn{justify-content:center;padding:10px 0}.logout-btn .nav-label{max-width:180px;transition:opacity .2s ease,max-width .3s ease}.sidebar.collapsed .logout-btn .nav-label{max-width:0;opacity:0}.sidebar-overlay{animation:overlayIn .25s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#03071299;inset:0;position:fixed;z-index:999}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.lp-root{align-items:center;background:#020b18;display:flex;flex-direction:column;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.lp-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.lp-bg-gradient{background:radial-gradient(ellipse at 25% 35%,#0050b473 0,#0000 55%),radial-gradient(ellipse at 75% 65%,#003ca059 0,#0000 50%),radial-gradient(ellipse at 50% 90%,#001e5080 0,#0000 45%),radial-gradient(ellipse at 50% 10%,#00143c66 0,#0000 40%),linear-gradient(180deg,#020b18,#041525 50%,#020b18);inset:0;position:absolute}.lp-lines{height:100%;inset:0;position:absolute;width:100%}.lp-lines line{stroke:#00a0ff33;stroke-width:.25;animation:lpLineGlow 4s ease-in-out infinite alternate}.lp-lines line:nth-child(odd){stroke:#0078ff40;animation-delay:1.2s}.lp-lines line:nth-child(3n){stroke:#50c8ff26;animation-delay:2.4s}@keyframes lpLineGlow{0%{opacity:.3}to{opacity:1}}.lp-node{animation:lpNodePulse 3s ease-in-out infinite;background:radial-gradient(circle,#00d4ff,#0070ff);border-radius:50%;box-shadow:0 0 10px 3px #00b4ff8c,0 0 22px 6px #0064ff40;height:7px;position:absolute;transform:translate(-50%,-50%);width:7px}.lp-node:nth-child(odd){height:5px;width:5px}.lp-node:nth-child(3n){height:9px;width:9px}.lp-node.orange{background:radial-gradient(circle,#fa0,#f50);box-shadow:0 0 10px 3px #ff8c0080}@keyframes lpNodePulse{0%,to{opacity:.75;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}}.lp-figure{animation:lpPenguinWaddle 4s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(0,180,255,.5)) drop-shadow(0 0 24px rgba(0,100,255,.2));height:48px;position:absolute;transform:translate(-50%,-50%);width:32px}.lp-figure:nth-child(odd){animation-delay:1.5s;height:40px;width:26px}.lp-figure:nth-child(3n){animation-delay:3s;height:34px;width:22px}.lp-figure svg{height:100%;width:100%}@keyframes lpPenguinWaddle{0%{transform:translate(-50%,-50%) translateY(0) rotate(0deg)}15%{transform:translate(-50%,-50%) translateY(-4px) rotate(5deg)}30%{transform:translate(-50%,-50%) translateY(-8px) rotate(-5deg)}50%{transform:translate(-50%,-50%) translateY(-10px) rotate(3deg)}70%{transform:translate(-50%,-50%) translateY(-6px) rotate(-3deg)}85%{transform:translate(-50%,-50%) translateY(-2px) rotate(2deg)}to{transform:translate(-50%,-50%) translateY(0) rotate(0deg)}}.lp-nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#020b18b3;border-bottom:1px solid #00a0ff1a;height:66px;left:0;padding:0 40px;position:fixed;right:0;top:0;z-index:100}.lp-nav,.lp-nav-logo{align-items:center;display:flex}.lp-nav-logo{color:#ffffffd9;cursor:pointer;flex-shrink:0;font-size:17px;font-weight:600;gap:10px}.lp-nav-logo span:first-child{font-size:22px}.lp-nav-logo strong{color:#4aade5}.lp-nav-links{align-items:center;display:flex;flex:1 1;gap:4px;justify-content:center}.lp-nav-links button{background:none;border:none;border-radius:8px;color:#fff9;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:7px 16px;transition:all .2s}.lp-nav-links button:hover{background:#ffffff12;color:#fff}.lp-nav-login-btn{background:linear-gradient(135deg,#4aade5,#f5841f);border:none;border-radius:9px;box-shadow:0 4px 16px #4aade559;color:#fff;cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-size:14px;font-weight:700;padding:9px 24px;transition:all .2s}.lp-nav-login-btn:hover{opacity:.9;transform:translateY(-1px)}.lp-hero{max-width:700px;padding:100px 24px 40px;position:relative;text-align:center;z-index:1}.lp-hero-badge{background:#4aade51a;border:1px solid #4aade540;border-radius:100px;color:#87ceeb;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:24px;padding:6px 16px}.lp-hero-title{color:#fff;font-size:clamp(36px,6vw,64px);font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:20px}.lp-hero-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4aade5,#f5a623,#ffb74d);-webkit-background-clip:text;background-clip:text}.lp-hero-sub{color:#ffffff80;font-size:17px;line-height:1.7;margin-bottom:36px}.lp-hero-btns{flex-wrap:wrap;gap:14px;justify-content:center}.lp-btn-primary,.lp-hero-btns{align-items:center;display:flex}.lp-btn-primary{background:linear-gradient(135deg,#4aade5,#f5841f);border:none;border-radius:12px;box-shadow:0 8px 28px #4aade566;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:700;gap:10px;padding:14px 30px;transition:all .25s}.lp-btn-primary:hover{box-shadow:0 12px 36px #4aade58c;transform:translateY(-2px)}.lp-btn-ghost{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff26;border-radius:12px;color:#fffc;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:600;padding:14px 28px;transition:all .25s}.lp-btn-ghost:hover{background:#ffffff1f;border-color:#ffffff4d}.lp-modal-overlay{align-items:center;animation:lpFadeIn .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}@keyframes lpFadeIn{0%{opacity:0}to{opacity:1}}.lp-modal{animation:lpSlideUp .35s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);background:#061028d1;border:1px solid #00a0ff38;border-radius:24px;box-shadow:0 40px 100px #000000b3,inset 0 0 0 1px #ffffff0a,inset 0 1px 0 #00b4ff2e;max-height:92vh;max-width:520px;overflow-y:auto;padding:32px 32px 24px;position:relative;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;width:100%}@keyframes lpSlideUp{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lp-modal::-webkit-scrollbar{width:4px}.lp-modal::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.lp-modal-close{align-items:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.lp-modal-close:hover{background:#ffffff21;color:#fff}.lp-modal-logo{align-items:center;display:flex;gap:12px;margin-bottom:20px}.lp-modal-logo-icon{align-items:center;background:linear-gradient(135deg,#4aade5,#f5841f);border-radius:13px;box-shadow:0 6px 20px #4aade566;display:flex;flex-shrink:0;font-size:22px;height:46px;justify-content:center;width:46px}.lp-modal-logo-name{color:#fff;font-size:18px;font-weight:700}.lp-modal-logo-name strong{color:#4aade5}.lp-modal-logo-sub{color:#ffffff59;font-size:12px;margin-top:2px}.lp-modal-tabs{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;display:flex;margin-bottom:20px;padding:4px}.lp-modal-tabs button{background:none;border:none;border-radius:7px;color:#ffffff73;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:9px;transition:all .2s}.lp-modal-tabs button.active{background:linear-gradient(135deg,#4aade5,#f5841f);color:#fff}.lp-msg{align-items:center;border-radius:10px;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:14px;padding:10px 14px}.lp-msg.error{background:#ef44441f;border:1px solid #ef444440;color:#fca5a5}.lp-msg.success{background:#22c55e1f;border:1px solid #22c55e40;color:#86efac}.lp-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.lp-field{margin-bottom:14px}.lp-field label{color:#ffffff80;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.lp-input-wrap{align-items:center;display:flex;position:relative}.lp-input-icon{color:#ffffff47;display:flex;left:13px;pointer-events:none;position:absolute;z-index:1}.lp-input-wrap input,.lp-input-wrap select{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:11px 14px 11px 40px;transition:all .2s;width:100%}.lp-input-wrap input::placeholder{color:#ffffff38}.lp-input-wrap input:focus,.lp-input-wrap select:focus{background:#ffffff17;border-color:#4aade580;box-shadow:0 0 0 3px #4aade51a}.lp-input-wrap input.err,.lp-input-wrap select.err{border-color:#ef444480}.lp-input-wrap select option{background:#0d1a35}.lp-pw-toggle{background:none;border:none;color:#ffffff4d;cursor:pointer;display:flex;padding:4px;position:absolute;right:11px;transition:color .2s}.lp-pw-toggle:hover{color:#ffffffa6}.lp-field-err{color:#fca5a5;font-size:11px;gap:5px;margin-top:4px}.lp-field-err,.lp-pw-strength{align-items:center;display:flex}.lp-pw-strength{gap:8px;margin-top:6px}.lp-pw-bar{background:#ffffff14;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.lp-pw-bar div{border-radius:2px;height:100%;transition:all .3s}.lp-pw-strength span{font-size:11px;font-weight:600;min-width:60px}.lp-extras{justify-content:space-between;margin-bottom:18px}.lp-extras,.lp-remember{align-items:center;display:flex}.lp-remember{color:#ffffff80;cursor:pointer;font-size:13px;gap:7px;-webkit-user-select:none;user-select:none}.lp-remember input{accent-color:#4aade5;cursor:pointer}.lp-forgot{background:none;border:none;color:#4aade5;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:color .2s}.lp-forgot:hover{color:#87ceeb}.lp-submit-btn{align-items:center;background:linear-gradient(135deg,#4aade5,#f5841f);border:none;border-radius:11px;box-shadow:0 6px 22px #4aade559;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:15px;font-weight:700;gap:10px;justify-content:center;margin-bottom:18px;padding:13px 20px;transition:all .25s;width:100%}.lp-submit-btn:hover:not(:disabled){box-shadow:0 10px 30px #4aade580;transform:translateY(-2px)}.lp-submit-btn:disabled{cursor:not-allowed;opacity:.6}.lp-spinner{animation:lpSpin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:15px;width:15px}@keyframes lpSpin{to{transform:rotate(1turn)}}.lp-divider{align-items:center;color:#ffffff38;display:flex;font-size:12px;font-weight:500;gap:10px;margin-bottom:14px}.lp-divider:after,.lp-divider:before{background:#ffffff17;content:"";flex:1 1;height:1px}.lp-google-wrap{display:flex;justify-content:center;margin-bottom:16px}.lp-switch{color:#fff6;font-size:13px;text-align:center}.lp-switch button{background:none;border:none;color:#4aade5;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:color .2s}.lp-switch button:hover{color:#87ceeb}@media (max-width:600px){.lp-nav-links{display:none}.lp-modal{border-radius:18px;padding:24px 18px 20px}.lp-form-row{grid-template-columns:1fr}.lp-hero-title{font-size:32px}.lp-hero-btns{align-items:stretch;flex-direction:column}.lp-btn-ghost,.lp-btn-primary{justify-content:center}}.ob-page{align-items:center;background:linear-gradient(135deg,#0a1a2e,#1a3a5c 50%,#162a3e);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:24px 16px;position:relative}.ob-blob{border-radius:50%;pointer-events:none;position:fixed;z-index:0}.ob-blob-1{animation:obBlob 9s ease-in-out infinite alternate;background:radial-gradient(circle,#4aade54d 0,#0000 70%);height:600px;left:-15%;top:-20%;width:600px}.ob-blob-2{animation:obBlob 11s ease-in-out infinite alternate-reverse;background:radial-gradient(circle,#f5841f59 0,#0000 70%);bottom:-20%;height:500px;right:-10%;width:500px}@keyframes obBlob{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.07)}}.ob-particles{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.ob-particle{animation:obParticle linear infinite;background:#ffffff59;border-radius:50%;position:absolute}@keyframes obParticle{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:.5}to{opacity:0;transform:translateY(-10vh) scale(1)}}.ob-wrapper{animation:obSlideUp .55s cubic-bezier(.16,1,.3,1) both;max-width:580px;position:relative;width:100%;z-index:1}@keyframes obSlideUp{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}.ob-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffff12;border:1px solid #ffffff21;border-radius:24px;box-shadow:0 32px 64px #0006,inset 0 0 0 1px #ffffff0a;padding:36px 40px 32px}.ob-progress{gap:0;justify-content:center;margin-bottom:28px}.ob-progress,.ob-step{align-items:center;display:flex}.ob-step{flex-direction:column;gap:6px}.ob-step span{color:#fff6;font-size:11px;font-weight:600;letter-spacing:.3px;white-space:nowrap}.ob-step-circle{align-items:center;background:#ffffff0d;border:2px solid #ffffff26;border-radius:50%;color:#ffffff4d;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .3s;width:36px}.ob-step-done .ob-step-circle{background:#22c55e33;border-color:#22c55e;color:#22c55e}.ob-step-done span{color:#86efac}.ob-step-active .ob-step-circle{background:linear-gradient(135deg,#4aade5,#f5841f);border-color:#0000;box-shadow:0 4px 14px #4aade580;color:#fff}.ob-step-active span{color:#87ceeb;font-weight:700}.ob-step-line{background:#ffffff1a;flex:1 1;height:2px;margin:0 12px 22px;min-width:60px}.ob-step-line-done{background:linear-gradient(90deg,#22c55e,#4aade5)}.ob-profile-preview{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:16px;margin-bottom:20px;padding:16px 20px}.ob-avatar-wrap{flex-shrink:0;position:relative}.ob-avatar{object-fit:cover}.ob-avatar,.ob-avatar-fallback{border:3px solid #4aade599;border-radius:50%;height:56px;width:56px}.ob-avatar-fallback{background:linear-gradient(135deg,#4aade5,#f5841f);color:#fff;font-size:22px;font-weight:700}.ob-avatar-badge,.ob-avatar-fallback{align-items:center;display:flex;justify-content:center}.ob-avatar-badge{background:#22c55e;border:2px solid #1a1a2e;border-radius:50%;bottom:0;height:20px;position:absolute;right:0;width:20px}.ob-profile-info h2{color:#fff;font-size:16px;font-weight:700;margin-bottom:4px}.ob-profile-info p{color:#ffffff80;font-size:13px}.ob-profile-info strong{color:#ffffffbf}.ob-step-label{align-items:center;display:flex;gap:10px;margin-bottom:20px}.ob-step-badge{background:linear-gradient(135deg,#4aade540,#f5841f40);border:1px solid #4aade559;border-radius:20px;color:#87ceeb;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 10px;white-space:nowrap}.ob-step-text{color:#ffffff73;font-size:13px}.ob-message{align-items:center;animation:obFadeIn .3s ease;border-radius:10px;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px;padding:11px 15px}@keyframes obFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ob-error{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.ob-success{background:#22c55e26;border:1px solid #22c55e4d;color:#86efac}.ob-form{display:flex;flex-direction:column;gap:14px}.ob-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ob-field{display:flex;flex-direction:column;gap:6px}.ob-field-indent{margin-left:12px}.ob-field label{align-items:center;color:#ffffffa6;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.4px;text-transform:uppercase}.ob-required{color:#f87171}.ob-readonly-badge{background:#4aade533;border:1px solid #4aade54d;border-radius:10px;color:#87ceeb;font-size:10px;font-weight:500;letter-spacing:0;padding:1px 7px;text-transform:none}.ob-input-wrap{align-items:center;display:flex;position:relative}.ob-icon{color:#ffffff4d;left:13px;pointer-events:none;position:absolute;transition:color .2s}.ob-input-wrap:focus-within .ob-icon{color:#4aade5}.ob-field input,.ob-field select{-webkit-appearance:none;appearance:none;background:#ffffff12;border:1px solid #ffffff1c;border-radius:11px;color:#fff;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:11px 13px 11px 40px;transition:all .22s ease;width:100%}.ob-field input::placeholder{color:#ffffff47}.ob-field input:focus,.ob-field select:focus{background:#ffffff1c;border-color:#4aade5a6;box-shadow:0 0 0 3px #4aade52e}.ob-readonly{cursor:not-allowed;opacity:.6}.ob-select-arrow{color:#ffffff59;font-size:12px;pointer-events:none;position:absolute;right:13px}.ob-field select option{background:#1a3a5c;color:#fff}.ob-field-error{align-items:center;color:#fca5a5;display:flex;font-size:11px;gap:4px}.ob-role-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.ob-role-option{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px 8px;text-align:center;transition:all .22s ease}.ob-role-option input[type=radio]{display:none}.ob-role-option:hover{background:#ffffff17;border-color:#4aade566}.ob-role-selected{background:#4aade52e!important;border-color:#4aade599!important;box-shadow:0 0 0 2px #4aade533}.ob-role-icon{align-items:center;background:#ffffff14;border-radius:8px;color:#ffffff80;display:flex;height:32px;justify-content:center;transition:all .22s;width:32px}.ob-role-selected .ob-role-icon{background:linear-gradient(135deg,#4aade5,#f5841f);color:#fff}.ob-role-label{color:#ffffff8c;font-size:12px;font-weight:600;transition:color .22s}.ob-role-selected .ob-role-label{color:#87ceeb}.ob-actions{display:flex;gap:12px;margin-top:6px}.ob-btn-back{align-items:center;background:#ffffff12;border:1px solid #ffffff21;border-radius:11px;color:#fff9;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:6px;padding:12px 18px;transition:all .22s;white-space:nowrap}.ob-btn-back:hover:not(:disabled){background:#ffffff1f;color:#fff}.ob-btn-submit{background:linear-gradient(135deg,#4aade5,#f5841f);border:none;border-radius:11px;color:#fff;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:15px;font-weight:700;overflow:hidden;padding:13px;position:relative;transition:all .22s ease}.ob-btn-submit:before{background:linear-gradient(135deg,#f5841f,#4aade5);content:"";inset:0;opacity:0;position:absolute;transition:opacity .22s}.ob-btn-submit:hover:not(:disabled):before{opacity:1}.ob-btn-submit:hover:not(:disabled){box-shadow:0 8px 24px #4aade580;transform:translateY(-2px)}.ob-btn-submit:disabled{cursor:not-allowed;opacity:.65}.ob-btn-submit span{align-items:center;display:flex;gap:8px;justify-content:center;position:relative;z-index:1}.ob-spinner{animation:obSpin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes obSpin{to{transform:rotate(1turn)}}.ob-terms{color:#ffffff47;font-size:11px;line-height:1.6;margin-top:16px;text-align:center}.ob-terms a{color:#f5a623a6;text-decoration:none}.ob-terms a:hover{color:#f5a623}@media (max-width:560px){.ob-card{border-radius:20px;padding:24px 18px 22px}.ob-role-group,.ob-row{grid-template-columns:1fr}.ob-profile-preview{flex-direction:column;text-align:center}.ob-step-line{min-width:30px}}.dashboard{animation:dbFadeIn .6s cubic-bezier(.16,1,.3,1);margin:0 auto;max-width:1400px;padding:28px 28px 40px;position:relative;z-index:5}@keyframes dbFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.db-bg-effects{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:-1}.db-bg-glow-orange{animation:floatGlow1 22s ease-in-out infinite alternate;background:radial-gradient(circle,#f9731612 0,#0000 70%);filter:blur(80px);height:45vw;position:absolute;right:-10vw;top:-10vw;width:45vw}.db-bg-glow-blue{animation:floatGlow2 26s ease-in-out infinite alternate;background:radial-gradient(circle,#2563eb17 0,#0000 70%);bottom:-15vw;filter:blur(90px);height:55vw;left:-15vw;position:absolute;width:55vw}@keyframes floatGlow1{0%{transform:translate(0) scale(1)}to{transform:translate(-8vw,6vw) scale(1.1)}}@keyframes floatGlow2{0%{transform:translate(0) scale(1.1)}to{transform:translate(6vw,-8vw) scale(.95)}}.db-snow-particle{animation:snowDrift linear infinite;background:#fff;border-radius:50%;pointer-events:none;position:absolute;top:-10px}@keyframes snowDrift{0%{opacity:0;transform:translateY(0) translateX(0) rotate(0deg)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(105vh) translateX(60px) rotate(1turn)}}.db-glow-dot{animation:pulseDot ease-in-out infinite alternate;background:radial-gradient(circle,var(--accent-color) 0,#0000 80%);border-radius:50%;opacity:.15;pointer-events:none;position:absolute}@keyframes pulseDot{0%{opacity:.08;transform:scale(.8)}to{opacity:.22;transform:scale(1.2)}}.db-demo-banner{align-items:center;background:#f973160d;border:1px solid #f9731638;border-radius:14px;box-shadow:0 4px 16px #f973160a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:14px 20px}.db-demo-banner-left{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:12px}.db-demo-icon{flex-shrink:0;font-size:20px}.db-demo-banner-left strong{color:var(--secondary-color)}.db-demo-banner-btns{display:flex;flex-shrink:0;gap:10px}.db-demo-banner-btns button{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:7px 18px;transition:all .2s}.db-demo-banner-btns button:hover{background:#ffffff1a;border-color:var(--accent-color)}.db-demo-banner-btns button.primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-color:#0000;box-shadow:0 4px 14px #2563eb40;color:#fff}.db-demo-banner-btns button.primary:hover{box-shadow:0 4px 18px #2563eb73;transform:translateY(-1px)}.db-locked-toast{align-items:center;animation:toastIn .35s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1930e6;border:1px solid var(--glass-border);border-radius:12px;bottom:28px;box-shadow:var(--shadow-soft);color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:10px;left:50%;padding:12px 20px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:9999}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(16px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.db-locked-toast button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:0 0 0 8px;transition:color .2s}.db-locked-toast button:hover{color:var(--secondary-color)}.db-feed-locked{align-items:center;background:#60a5fa0a;border:1px dashed #60a5fa26;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:10px;margin-top:8px;padding:14px 16px;transition:all .2s}.db-feed-locked:hover{background:#60a5fa14;border-color:#60a5fa4d;color:var(--text-primary)}.db-sample-notice{align-items:center;background:#60a5fa0d;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-secondary);display:flex;font-size:13px;gap:10px;margin-bottom:18px;padding:10px 16px}.db-sample-notice span:first-child{flex-shrink:0;font-size:16px}.db-welcome{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0d19308c;border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-soft);display:flex;gap:20px;justify-content:space-between;margin-bottom:28px;overflow:hidden;padding:28px 32px;position:relative}.db-welcome:before{background:radial-gradient(circle,#60a5fa26 0,#0000 70%);border-radius:50%;content:"";height:220px;pointer-events:none;position:absolute;right:-40px;top:-40px;width:220px}.db-welcome-left h1{color:var(--text-primary);font-size:26px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}.db-welcome-left h1 span{color:var(--secondary-color);text-shadow:0 0 10px #f9731633}.db-welcome-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.db-welcome-tag{align-items:center;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:20px;color:var(--text-secondary);display:flex;font-size:12px;gap:6px;padding:5px 12px}.db-welcome-tag strong{color:var(--text-primary)}.db-welcome-date{flex-shrink:0;text-align:right}.db-welcome-date .db-date-day{color:var(--secondary-color);font-size:36px;font-weight:800;line-height:1}.db-welcome-date .db-date-rest{color:var(--text-secondary);font-size:12px;margin-top:4px}.db-welcome-tag.admin{background:#f9731614;border-color:#f9731640;color:var(--secondary-color)}.db-user-strip{align-items:center;background:#0d193066;border:1px solid var(--glass-border);border-radius:14px;box-shadow:inset 0 1px 1px #ffffff08;display:flex;flex-wrap:wrap;gap:0;margin-bottom:24px;overflow:hidden;padding:14px 20px}.db-user-strip-item{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:100px;padding:0 20px}.db-user-strip-item:first-child{padding-left:0}.db-user-strip-item:last-child{padding-right:0}.db-strip-label{color:var(--text-secondary);font-size:9px;font-weight:700;letter-spacing:.8px;opacity:.8;text-transform:uppercase}.db-strip-value{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-strip-value.mono{color:var(--accent-color);font-family:Courier New,monospace;font-size:12px}.db-strip-value.role{color:var(--secondary-color)}.db-user-strip-sep{background:var(--glass-border);flex-shrink:0;height:32px;width:1px}.db-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.db-stat-card{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0d19308c;border:1px solid var(--glass-border);border-radius:16px;box-shadow:inset 0 1px 1px #ffffff05;cursor:default;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.db-stat-card:hover{border-color:#f9731659;box-shadow:0 12px 32px #0000004d,var(--shadow-glow-orange);transform:translateY(-4px)}.db-stat-card:after{background:radial-gradient(circle,#f9731614 0,#0000 70%);border-radius:50%;bottom:-20px;content:"";height:50px;pointer-events:none;position:absolute;right:-20px;transition:transform .4s ease;width:50px}.db-stat-card:hover:after{transform:scale(1.5)}.db-stat-icon{align-items:center;background:#2563eb1f;border:1px solid #60a5fa26;border-radius:50%;color:var(--accent-color);display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;transition:transform .3s ease;width:48px}.db-stat-card:hover .db-stat-icon{background:#2563eb33;transform:scale(1.08) rotate(5deg)}.db-stat-value{color:var(--text-primary);font-size:26px;font-weight:800;line-height:1;margin-bottom:4px}.db-stat-label{color:var(--text-secondary);font-size:12px;font-weight:500}.db-stat-change{font-size:11px;font-weight:600;margin-top:4px}.db-stat-change.up{color:#10b981}.db-stat-change.down{color:#f43f5e}.db-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto}.db-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0d193099;border:1px solid var(--glass-border);border-radius:18px;box-shadow:var(--shadow-soft),inset 0 1px 1px #ffffff05;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.db-card:hover{border-color:#60a5fa40;box-shadow:0 12px 36px #00000059,var(--shadow-glow);transform:translateY(-2px)}.db-card-header{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:18px 20px 14px}.db-card-title{color:var(--text-primary);font-weight:700;gap:8px}.db-card-title,.db-card-title-icon{align-items:center;display:flex;font-size:14px}.db-card-title-icon{background:#ffffff0a;border-radius:50%;height:28px;justify-content:center;width:28px}.db-card-action{background:none;border:none;color:var(--accent-color);cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:color .2s,text-shadow .2s}.db-card-action:hover{color:var(--secondary-color);text-shadow:0 0 8px #f9731666}.db-card-body{padding:4px 20px 16px}.db-announce-item{border-bottom:1px solid var(--glass-border);padding:12px 0}.db-announce-item:last-child{border-bottom:none}.db-announce-content{flex:1 1;min-width:0}.db-announce-title{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.4;margin-bottom:4px}.db-announce-desc{color:var(--text-secondary);font-size:12px;line-height:1.6;margin-bottom:5px}.db-announce-time{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:4px;opacity:.6}.db-event-item{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;gap:14px;padding:12px 0}.db-event-item:last-child{border-bottom:none}.db-event-date-box{align-items:center;background:linear-gradient(135deg,#2563eb1f,#f973161f);border:1px solid #60a5fa33;border-radius:50%;display:flex;flex-direction:column;flex-shrink:0;height:44px;justify-content:center;width:44px}.db-event-date-box .day{color:var(--accent-color);font-size:16px;font-weight:800;line-height:1}.db-event-date-box .mon{color:var(--secondary-color);font-size:8.5px;font-weight:700;text-transform:uppercase}.db-event-info{flex:1 1;overflow:hidden}.db-event-name{color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-event-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:8px}.db-join-btn{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;border-radius:8px;box-shadow:0 4px 10px #2563eb40;color:#fff;cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-size:11px;font-weight:700;padding:6px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.db-join-btn:hover{box-shadow:0 4px 16px #2563eb73,0 0 10px #60a5fa59;transform:translateY(-1px)}.db-feed-item{border-bottom:1px solid var(--glass-border);padding:14px 0}.db-feed-item:last-child{border-bottom:none}.db-feed-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.db-feed-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:1px solid #ffffff1a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:34px;justify-content:center;overflow:hidden;width:34px}.db-feed-avatar img{height:100%;object-fit:cover;width:100%}.db-feed-user-name{color:var(--text-primary);font-size:13px;font-weight:600}.db-feed-time{color:var(--text-secondary);font-size:11px;margin-left:auto;opacity:.6}.db-feed-text{color:var(--text-secondary);font-size:13px;line-height:1.6;margin-bottom:10px}.db-feed-actions{display:flex;gap:16px}.db-feed-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:500;gap:5px;padding:0;transition:color .2s}.db-feed-btn:hover{color:var(--accent-color)}.db-feed-btn.liked{color:#f43f5e}.db-member-item{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;gap:12px;padding:10px 0}.db-member-item:last-child{border-bottom:none}.db-member-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid var(--glass-border);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:38px;justify-content:center;overflow:hidden;width:38px}.db-member-avatar img{height:100%;object-fit:cover;width:100%}.db-member-info{flex:1 1;overflow:hidden}.db-member-name{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-member-role{color:var(--text-secondary);font-size:11px}.db-member-badge{border-radius:10px;flex-shrink:0;font-size:10px;font-weight:700;padding:3px 9px}.db-member-badge.new{background:#10b98114;border:1px solid #10b98140;color:#10b981}.db-member-badge.admin{background:#f9731614;border:1px solid #f9731640;color:var(--secondary-color)}.db-resource-item{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;gap:12px;padding:10px 0}.db-resource-item:last-child{border-bottom:none}.db-resource-icon{align-items:center;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:38px;justify-content:center;width:38px}.db-resource-info{flex:1 1;overflow:hidden}.db-resource-name{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-resource-cat{color:var(--text-secondary);font-size:11px}.db-avail-badge{border-radius:10px;flex-shrink:0;font-size:10px;font-weight:700;padding:3px 9px}.db-avail-badge.yes{background:#10b98114;border:1px solid #10b98138;color:#10b981}.db-avail-badge.no{background:#f43f5e14;border:1px solid #f43f5e38;color:#f43f5e}.db-req-btn{background:linear-gradient(135deg,var(--secondary-color),#f97316);border:none;border-radius:8px;box-shadow:0 4px 10px #f9731640;color:#fff;cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-size:11px;font-weight:700;padding:6px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.db-req-btn:hover{background:linear-gradient(135deg,#fb923c,var(--secondary-color));box-shadow:0 4px 16px #f9731673,0 0 10px #fb923c59;transform:translateY(-1px)}.db-span-2{grid-column:span 2}.db-span-3{grid-column:span 3}.db-empty{font-size:13px;padding:30px 20px;text-align:center}.db-empty,.db-loading{color:var(--text-secondary)}.db-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.db-spinner{animation:dbSpin .8s linear infinite;border:3px solid #60a5fa26;border-radius:50%;border-top:3px solid var(--secondary-color);height:40px;width:40px}@keyframes dbSpin{to{transform:rotate(1turn)}}@media (max-width:1100px){.db-stats{grid-template-columns:repeat(2,1fr)}.db-grid{grid-template-columns:1fr 1fr}.db-span-3{grid-column:span 2}}@media (max-width:700px){.dashboard{padding:16px 14px 32px}.db-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.db-grid{grid-template-columns:1fr}.db-span-2,.db-span-3{grid-column:span 1}.db-welcome{flex-direction:column}.db-welcome-date{text-align:left}.db-user-strip{gap:8px}.db-user-strip-item{min-width:80px;padding:0 10px}.db-user-strip-sep{display:none}}.ev-root{animation:evFadeIn .4s ease;margin:0 auto;max-width:1400px;padding:28px 28px 48px}@keyframes evFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ev-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.ev-header h1{color:#1a1a2e;font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.ev-header p{color:#6b7280;font-size:13px}.ev-create-btn{align-items:center;background:linear-gradient(135deg,#4aade5,#f5841f);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.ev-create-btn:hover{opacity:.9;transform:translateY(-1px)}.ev-msg{align-items:center;border-radius:10px;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:20px;padding:12px 16px}.ev-msg.success{background:#05966914;border:1px solid #05966933;color:#059669}.ev-msg.error{background:#dc262614;border:1px solid #dc262633;color:#dc2626}.ev-form-card{background:#fff;border:1px solid #e8ecf1;border-radius:18px;margin-bottom:24px;padding:24px}.ev-form-title{border-bottom:1px solid #eef0f2;color:#1a1a2e;font-size:16px;font-weight:700;margin-bottom:20px;padding-bottom:14px}.ev-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:18px}.ev-form-field{display:flex;flex-direction:column;gap:6px}.ev-form-field.ev-full{grid-column:1/-1}.ev-form-field label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.ev-form-field input,.ev-form-field select,.ev-form-field textarea{background:#f8f9fb;border:1px solid #dce0e6;border-radius:10px;color:#1a1a2e;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:all .2s}.ev-form-field input:focus,.ev-form-field select:focus,.ev-form-field textarea:focus{background:#fff;border-color:#4aade599;box-shadow:0 0 0 3px #4aade51f}.ev-form-field select option{background:#fff}.ev-form-field textarea{resize:vertical}.ev-form-actions{display:flex;gap:12px}.ev-submit-btn{align-items:center;background:linear-gradient(135deg,#4aade5,#f5841f);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:8px;padding:10px 22px;transition:all .2s}.ev-submit-btn:hover:not(:disabled){opacity:.9}.ev-submit-btn:disabled{cursor:not-allowed;opacity:.6}.ev-cancel-btn{align-items:center;background:#f5f6fa;border:1px solid #dce0e6;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.ev-cancel-btn:hover{background:#e8ecf1}.ev-spinner-sm{animation:evSpin .7s linear infinite;border:2px solid #4aade54d;border-radius:50%;border-top-color:#4aade5;display:inline-block;height:14px;width:14px}@keyframes evSpin{to{transform:rotate(1turn)}}.ev-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.ev-filter-btn{background:#f5f6fa;border:1px solid #e5e7eb;border-radius:100px;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:7px 16px;transition:all .2s}.ev-filter-btn:hover{background:#eef0f2;color:#374151}.ev-filter-btn.active{background:linear-gradient(135deg,#4aade5,#f5841f);border-color:#0000;color:#fff}.ev-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ev-card{background:#fff;border:1px solid #e8ecf1;border-radius:18px;display:flex;flex-direction:column;gap:12px;padding:22px;transition:all .25s}.ev-card:hover{border-color:#4aade54d;box-shadow:0 8px 25px #00000014;transform:translateY(-3px)}.ev-card-top{gap:10px}.ev-card-date,.ev-card-top{align-items:center;display:flex}.ev-card-date{background:linear-gradient(135deg,#4aade514,#f5841f14);border:1px solid #4aade533;border-radius:12px;flex-direction:column;flex-shrink:0;height:48px;justify-content:center;width:48px}.ev-date-day{color:#2b8fcc;font-size:18px;font-weight:800;line-height:1}.ev-date-mon{color:#2b8fcc99;font-size:9px;font-weight:600;text-transform:uppercase}.ev-cat-badge{border-radius:100px;font-size:11px;font-weight:700;padding:4px 10px;text-transform:capitalize}.ev-delete-btn{align-items:center;background:#dc26260f;border:1px solid #dc262626;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;margin-left:auto;transition:all .2s;width:30px}.ev-delete-btn:hover{background:#dc26261f}.ev-card-title{color:#1a1a2e;font-size:16px;font-weight:700;line-height:1.3}.ev-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.6;overflow:hidden}.ev-card-meta{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:12px;gap:10px}.ev-card-meta span{align-items:center;display:flex;gap:4px}.ev-card-footer{border-top:1px solid #eef0f2;gap:8px;margin-top:auto;padding-top:12px}.ev-attendees,.ev-card-footer{align-items:center;display:flex}.ev-attendees{color:#9ca3af;font-size:12px;gap:5px}.ev-capacity{color:#c0c5ce;font-size:12px}.ev-join-btn{background:linear-gradient(135deg,#4aade5,#f5841f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:700;margin-left:auto;padding:7px 18px;transition:all .2s;white-space:nowrap}.ev-join-btn:hover{opacity:.9;transform:translateY(-1px)}.ev-join-btn.joined{background:#05966914;border:1px solid #05966933;color:#059669}.ev-empty{align-items:center;display:flex;flex-direction:column;gap:10px;padding:60px 20px;text-align:center}.ev-empty span{font-size:40px}.ev-empty p{color:#6b7280;font-size:16px;font-weight:500}.ev-empty small{color:#9ca3af;font-size:13px}.ev-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.ev-spinner{animation:evSpin .8s linear infinite;border:3px solid #4aade526;border-radius:50%;border-top-color:#4aade5;height:40px;width:40px}@media (max-width:700px){.ev-root{padding:16px 14px 40px}.ev-form-grid,.ev-grid{grid-template-columns:1fr}}.ev-demo-banner{background:#fbbf240f;border:1px solid #fbbf2433;border-radius:12px;color:#6b7280;font-size:13px;margin-bottom:20px;padding:12px 18px}.ev-demo-banner strong{color:#d97706}.ev-demo-banner button{background:none;border:none;color:#2b8fcc;cursor:pointer;font-size:13px;font-weight:700;padding:0;text-decoration:underline}.ev-demo-banner button:hover{color:#4aade5}.ev-msg.locked{align-items:center;background:#4aade50f;border:1px solid #4aade526;color:#2b8fcc;display:flex;gap:8px}.ev-msg-login{background:none;border:none;color:#2b8fcc;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:700;margin-left:auto}.ev-msg-login:hover{color:#4aade5}.ev-create-btn.demo-locked{background:#f5f6fa;border:1px solid #dce0e6;color:#9ca3af;cursor:pointer}.ev-create-btn.demo-locked:hover{background:#4aade50f;border-color:#4aade533;color:#2b8fcc}.ev-join-btn.demo{align-items:center;background:#f5f6fa;border:1px solid #dce0e6;color:#9ca3af;display:flex;gap:5px}.ev-join-btn.demo:hover{background:#4aade50f;border-color:#4aade533;color:#2b8fcc;transform:none}.rs-root{animation:rsFadeIn .4s ease;margin:0 auto;max-width:1400px;padding:28px 28px 48px}@keyframes rsFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rs-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.rs-header h1{color:#1a1a2e;font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.rs-header p{color:#9ca3af;font-size:13px}.rs-add-btn{align-items:center;background:linear-gradient(135deg,#4aade5,#f5841f);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.rs-add-btn:hover{opacity:.9;transform:translateY(-1px)}.rs-msg{align-items:center;border-radius:10px;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:20px;padding:12px 16px}.rs-msg.success{background:#05966914;border:1px solid #05966933;color:#059669}.rs-msg.error{background:#dc262614;border:1px solid #dc262633;color:#dc2626}.rs-form-card{background:#fff;border:1px solid #4aade533;border-radius:18px;box-shadow:0 1px 3px #0000000f;margin-bottom:24px;padding:24px}.rs-form-title{border-bottom:1px solid #eef0f2;color:#1a1a2e;font-size:16px;font-weight:700;margin-bottom:20px;padding-bottom:14px}.rs-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:18px}.rs-form-field{display:flex;flex-direction:column;gap:6px}.rs-form-field.rs-full{grid-column:1/-1}.rs-form-field label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.rs-form-field input,.rs-form-field select,.rs-form-field textarea{background:#f8f9fb;border:1px solid #dce0e6;border-radius:10px;color:#1a1a2e;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:all .2s}.rs-form-field input:focus,.rs-form-field select:focus,.rs-form-field textarea:focus{background:#fff;border-color:#4aade599;box-shadow:0 0 0 3px #4aade51f}.rs-form-field select option{background:#fff}.rs-form-field textarea{resize:vertical}.rs-form-actions{display:flex;gap:12px}.rs-submit-btn{align-items:center;background:linear-gradient(135deg,#4aade5,#f5841f);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:8px;padding:10px 22px;transition:all .2s}.rs-submit-btn:hover:not(:disabled){opacity:.9}.rs-submit-btn:disabled{cursor:not-allowed;opacity:.6}.rs-cancel-btn{align-items:center;background:#f5f6fa;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.rs-cancel-btn:hover{background:#eef0f2}.rs-spinner-sm{animation:rsSpin .7s linear infinite;border:2px solid #4aade54d;border-radius:50%;border-top-color:#4aade5;display:inline-block;height:14px;width:14px}@keyframes rsSpin{to{transform:rotate(1turn)}}.rs-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.rs-search{flex:1 1;max-width:360px;min-width:200px;position:relative}.rs-search-icon{color:#9ca3af;display:flex;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.rs-search input{background:#f8f9fb;border:1px solid #dce0e6;border-radius:10px;color:#1a1a2e;font-family:Inter,sans-serif;font-size:13px;outline:none;padding:9px 14px 9px 38px;transition:all .2s;width:100%}.rs-search input::placeholder{color:#c0c5ce}.rs-search input:focus{background:#fff;border-color:#4aade599;box-shadow:0 0 0 3px #4aade51f}.rs-filters{display:flex;flex-wrap:wrap;gap:8px}.rs-filter-btn{background:#f5f6fa;border:1px solid #e5e7eb;border-radius:100px;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.rs-filter-btn:hover{background:#eef0f2;color:#374151}.rs-filter-btn.active{background:linear-gradient(135deg,#4aade5,#f5841f);border-color:#0000;color:#fff}.rs-stats-bar{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:20px;margin-bottom:20px}.rs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.rs-card{background:#fff;border:1px solid #e8ecf1;border-radius:18px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;gap:12px;padding:22px;transition:all .25s}.rs-card:hover{border-color:#4aade54d;box-shadow:0 8px 25px #00000014;transform:translateY(-3px)}.rs-card.in-use{opacity:.7}.rs-card-top{flex-wrap:wrap;gap:10px}.rs-card-icon,.rs-card-top{align-items:center;display:flex}.rs-card-icon{border-radius:12px;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.rs-cat-badge{text-transform:capitalize}.rs-avail-badge,.rs-cat-badge{border-radius:100px;font-size:11px;font-weight:700;padding:3px 10px}.rs-avail-badge{margin-left:auto}.rs-avail-badge.yes{background:#05966914;border:1px solid #05966933;color:#059669}.rs-avail-badge.no{background:#dc262614;border:1px solid #dc262633;color:#dc2626}.rs-card-name{color:#1a1a2e;font-size:16px;font-weight:700}.rs-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.6;overflow:hidden}.rs-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.rs-cond-badge{border-radius:100px;font-size:11px;font-weight:600;padding:3px 10px;text-transform:capitalize}.rs-owner,.rs-qty{color:#9ca3af;font-size:12px}.rs-owner{gap:4px}.rs-card-actions,.rs-owner{align-items:center;display:flex}.rs-card-actions{border-top:1px solid #eef0f2;gap:10px;margin-top:auto;padding-top:12px}.rs-request-btn{background:linear-gradient(135deg,#4aade5,#f5841f);border:none;border-radius:9px;color:#fff;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:13px;font-weight:700;padding:9px 16px;transition:all .2s}.rs-request-btn:hover{opacity:.9;transform:translateY(-1px)}.rs-unavail-note{color:#c0c5ce;flex:1 1;font-size:12px;text-align:center}.rs-delete-btn{align-items:center;background:#dc262614;border:1px solid #dc262626;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .2s;width:34px}.rs-delete-btn:hover{background:#dc262626}.rs-empty{align-items:center;display:flex;flex-direction:column;gap:10px;padding:60px 20px;text-align:center}.rs-empty span{font-size:40px}.rs-empty p{color:#6b7280;font-size:16px;font-weight:500}.rs-empty small{color:#c0c5ce;font-size:13px}.rs-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.rs-spinner{animation:rsSpin .8s linear infinite;border:3px solid #4aade533;border-radius:50%;border-top-color:#4aade5;height:40px;width:40px}@media (max-width:700px){.rs-root{padding:16px 14px 40px}.rs-form-grid,.rs-grid{grid-template-columns:1fr}.rs-toolbar{align-items:stretch;flex-direction:column}.rs-search{max-width:100%}}.rs-demo-banner{background:#d977060f;border:1px solid #d9770633;border-radius:12px;color:#374151;font-size:13px;margin-bottom:20px;padding:12px 18px}.rs-demo-banner strong{color:#d97706}.rs-demo-banner button{background:none;border:none;color:#4aade5;cursor:pointer;font-size:13px;font-weight:700;padding:0;text-decoration:underline}.rs-msg.locked{align-items:center;background:#4aade50f;border:1px solid #4aade533;color:#2b8fcc;display:flex;gap:8px}.rs-msg-login{background:none;border:none;color:#4aade5;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:700;margin-left:auto}.rs-add-btn.demo-locked{align-items:center;background:#f5f6fa;border:1px solid #e5e7eb;color:#9ca3af;display:flex;gap:8px}.rs-add-btn.demo-locked:hover{background:#4aade50f;border-color:#4aade533;color:#4aade5;transform:none}.rs-request-btn.demo{align-items:center;background:#f5f6fa;border:1px solid #e5e7eb;color:#9ca3af;display:flex;gap:5px}.rs-request-btn.demo:hover{background:#4aade50f;border-color:#4aade533;color:#4aade5;transform:none}.cm-root{animation:cmFadeIn .4s ease;margin:0 auto;max-width:1400px;padding:28px 28px 48px}@keyframes cmFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cm-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.cm-header h1{color:#1a1a2e;font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.cm-header p{color:#9ca3af;font-size:13px}.cm-header-stats{display:flex;flex-shrink:0;gap:20px}.cm-hstat{background:#f8f9fb;border:1px solid #e8ecf1;border-radius:12px;padding:12px 20px;text-align:center}.cm-hstat span{color:#2b8fcc;display:block;font-size:22px;font-weight:800;line-height:1;margin-bottom:3px}.cm-hstat small{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.cm-tabs{background:#f8f9fb;border:1px solid #e8ecf1;border-radius:12px;display:flex;gap:6px;margin-bottom:24px;padding:6px;width:-webkit-fit-content;width:fit-content}.cm-tab{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:8px;padding:9px 18px;transition:all .2s}.cm-tab:hover{background:#f0f2f5;color:#374151}.cm-tab.active{background:linear-gradient(135deg,#4aade5,#f5841f);color:#fff}.cm-tab-count{background:#0000000f;border-radius:100px;color:inherit;font-size:11px;font-weight:700;padding:1px 7px}.cm-tab.active .cm-tab-count{background:#ffffff40}.cm-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}.cm-search{flex:1 1;max-width:360px;min-width:200px;position:relative}.cm-search-icon{color:#9ca3af;display:flex;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.cm-search input{background:#f8f9fb;border:1px solid #dce0e6;border-radius:10px;color:#1a1a2e;font-family:Inter,sans-serif;font-size:13px;outline:none;padding:9px 14px 9px 38px;transition:all .2s;width:100%}.cm-search input::placeholder{color:#c0c5ce}.cm-search input:focus{background:#fff;border-color:#4aade599;box-shadow:0 0 0 3px #4aade51f}.cm-role-filters{display:flex;flex-wrap:wrap;gap:8px}.cm-role-btn{background:#f5f6fa;border:1px solid #e5e7eb;border-radius:100px;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.cm-role-btn:hover{background:#f0f2f5;color:#374151}.cm-role-btn.active{background:linear-gradient(135deg,#4aade5,#f5841f);border-color:#0000;color:#fff}.cm-members-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cm-member-card{align-items:center;background:#fff;border:1px solid #e8ecf1;border-radius:18px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;gap:10px;padding:24px;position:relative;text-align:center;transition:all .25s}.cm-member-card:hover{border-color:#4aade54d;box-shadow:0 8px 25px #00000014;transform:translateY(-3px)}.cm-member-card.self{background:#4aade50a;border-color:#4aade566}.cm-self-badge{background:linear-gradient(135deg,#4aade5,#f5841f);border-radius:100px;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;position:absolute;right:14px;top:14px}.cm-member-avatar{align-items:center;border:3px solid #4aade54d;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:22px;font-weight:800;height:64px;justify-content:center;overflow:hidden;width:64px}.cm-member-avatar img{height:100%;object-fit:cover;width:100%}.cm-member-name{color:#1a1a2e;font-size:15px;font-weight:700}.cm-member-role-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:4px 12px}.cm-member-role-badge.admin{background:#4aade51a;border:1px solid #4aade540;color:#2b8fcc}.cm-member-role-badge.member{background:#f5f6fa;border:1px solid #e5e7eb;color:#6b7280}.cm-member-bio{color:#6b7280;font-size:12px;line-height:1.5;max-width:200px}.cm-member-contact{border-top:1px solid #eef0f2;display:flex;flex-direction:column;gap:5px;padding-top:10px;width:100%}.cm-member-contact span{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:6px;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-member-joined{color:#c0c5ce;font-size:11px}.cm-feed-wrap{max-width:680px}.cm-composer{align-items:flex-start;background:#fff;border:1px solid #e8ecf1;border-radius:16px;box-shadow:0 1px 3px #0000000f;display:flex;gap:14px;margin-bottom:20px;padding:18px}.cm-composer-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.cm-composer-avatar img{height:100%;object-fit:cover;width:100%}.cm-composer-input{flex:1 1}.cm-composer-input textarea{background:#f8f9fb;border:1px solid #dce0e6;border-radius:10px;color:#1a1a2e;font-family:Inter,sans-serif;font-size:14px;margin-bottom:10px;outline:none;padding:10px 14px;resize:none;transition:all .2s;width:100%}.cm-composer-input textarea::placeholder{color:#c0c5ce}.cm-composer-input textarea:focus{background:#fff;border-color:#4aade599;box-shadow:0 0 0 3px #4aade51f}.cm-composer-footer{align-items:center;display:flex;gap:10px;justify-content:space-between}.cm-composer-hint{color:#c0c5ce;font-size:12px}.cm-post-btn{align-items:center;background:linear-gradient(135deg,#4aade5,#f5841f);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:7px;padding:8px 18px;transition:all .2s}.cm-post-btn:hover:not(:disabled){opacity:.9}.cm-post-btn:disabled{cursor:not-allowed;opacity:.4}.cm-feed{display:flex;flex-direction:column;gap:16px}.cm-post{background:#fff;border:1px solid #e8ecf1;border-radius:16px;box-shadow:0 1px 3px #0000000f;padding:20px;transition:border-color .2s}.cm-post:hover{border-color:#4aade533}.cm-post-header{align-items:center;display:flex;gap:12px;margin-bottom:14px}.cm-post-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:42px;justify-content:center;width:42px}.cm-post-name{color:#1a1a2e;font-size:14px;font-weight:700;margin-bottom:3px}.cm-post-role-time{align-items:center;display:flex;font-size:12px;gap:6px}.cm-post-role{color:#2b8fcc;font-weight:600}.cm-post-dot{color:#e5e7eb}.cm-post-time{color:#9ca3af}.cm-post-text{color:#374151;font-size:14px;line-height:1.7;margin-bottom:16px}.cm-post-actions{border-top:1px solid #eef0f2;display:flex;gap:4px;padding-top:12px}.cm-action-btn{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.cm-action-btn:hover{background:#4aade50f;color:#4aade5}.cm-action-btn.liked{color:#f87171}.cm-action-btn.liked:hover{background:#ef44440f}.cm-empty{align-items:center;display:flex;flex-direction:column;gap:10px;padding:60px 20px;text-align:center}.cm-empty span{font-size:40px}.cm-empty p{color:#6b7280;font-size:16px;font-weight:500}.cm-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.cm-spinner{animation:cmSpin .8s linear infinite;border:3px solid #4aade533;border-radius:50%;border-top-color:#4aade5;height:40px;width:40px}@keyframes cmSpin{to{transform:rotate(1turn)}}@media (max-width:768px){.cm-root{padding:16px 14px 40px}.cm-header{flex-direction:column}.cm-header-stats{justify-content:space-between;width:100%}.cm-members-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.cm-tabs{width:100%}.cm-tab{flex:1 1;justify-content:center}}.cm-demo-banner{background:#d977060f;border:1px solid #d9770633;border-radius:12px;color:#374151;font-size:13px;margin-bottom:20px;padding:12px 18px}.cm-demo-banner strong{color:#d97706}.cm-demo-banner button{background:none;border:none;color:#4aade5;cursor:pointer;font-size:13px;font-weight:700;padding:0;text-decoration:underline}.cm-locked-toast{align-items:center;animation:cmToastIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #4aade540;border-radius:12px;bottom:28px;box-shadow:0 8px 32px #0000001f;color:#374151;display:flex;font-size:14px;font-weight:500;gap:10px;left:50%;padding:12px 20px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:9999}@keyframes cmToastIn{0%{opacity:0;transform:translateX(-50%) translateY(16px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.cm-locked-toast button{background:linear-gradient(135deg,#4aade5,#f5841f);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:700;padding:4px 12px}.cm-demo-badge{background:#d9770614;border:1px solid #d9770633;border-radius:100px;left:14px;position:absolute;top:14px}.cm-demo-badge,.cm-demo-post-tag{color:#d97706;font-size:10px;font-weight:700;padding:2px 8px}.cm-demo-post-tag{background:#d977060f;border:1px solid #d9770626;border-radius:100px;flex-shrink:0;margin-left:auto}.cm-composer.demo-locked{cursor:pointer}.cm-composer.demo-locked:hover{background:#4aade508;border-color:#4aade54d}.pf-root{animation:pfFadeIn .4s ease;margin:0 auto;max-width:1200px;padding:28px 28px 48px}@keyframes pfFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pf-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.pf-page-header h1{color:#1a1a2e;font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.pf-page-header p{color:#9ca3af;font-size:13px}.pf-edit-btn{align-items:center;background:linear-gradient(135deg,#4aade5,#f5841f);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.pf-edit-btn:hover{opacity:.9;transform:translateY(-1px)}.pf-edit-btn.cancel{background:#f5f6fa;border:1px solid #e5e7eb;color:#6b7280}.pf-edit-btn.cancel:hover{background:#eef0f2}.pf-msg{align-items:center;border-radius:10px;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:20px;padding:12px 16px}.pf-msg.success{background:#05966914;border:1px solid #05966933;color:#059669}.pf-msg.error{background:#dc262614;border:1px solid #dc262633;color:#dc2626}.pf-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:280px 1fr}.pf-col-left,.pf-col-right{display:flex;flex-direction:column;gap:20px}.pf-card{background:#fff;border:1px solid #e8ecf1;border-radius:18px;box-shadow:0 1px 3px #0000000f;padding:24px;transition:border-color .25s}.pf-card:hover{border-color:#4aade533}.pf-card-title{border-bottom:1px solid #eef0f2;color:#374151;font-size:14px;font-weight:700;margin-bottom:18px;padding-bottom:12px}.pf-avatar-card{padding:32px 24px;text-align:center}.pf-avatar-wrap{display:inline-block;margin-bottom:16px;position:relative}.pf-avatar-img,.pf-avatar-initials{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:800;height:90px;justify-content:center;object-fit:cover;width:90px}.pf-avatar-ring{border:2px solid #4aade566;border-radius:50%;inset:-4px;pointer-events:none;position:absolute}.pf-avatar-name{color:#1a1a2e;font-size:18px;font-weight:700;margin-bottom:8px}.pf-role-badge{background:#4aade51a;border:1px solid #4aade540;border-radius:100px;color:#2b8fcc;display:inline-block;font-size:11px;font-weight:700;margin-bottom:12px;padding:4px 12px}.pf-avatar-community{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px;justify-content:center}.pf-info-list{display:flex;flex-direction:column;gap:14px}.pf-info-row{align-items:flex-start;display:flex;gap:12px}.pf-info-icon{align-items:center;background:#4aade514;border:1px solid #4aade526;border-radius:8px;color:#4aade5;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.pf-info-label{color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.pf-info-value{color:#374151;font-size:13px;font-weight:600}.pf-info-value.mono{color:#2b8fcc;font-family:Courier New,monospace;font-size:12px}.pf-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.pf-info-field.pf-full-width{grid-column:1/-1}.pf-info-field-label{align-items:center;color:#9ca3af;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.pf-info-field-value{color:#374151;font-size:14px;font-weight:500;word-break:break-all}.pf-info-field-value.mono{color:#2b8fcc;font-family:Courier New,monospace;font-size:12px}.pf-role-inline{background:#05966914;border:1px solid #05966933;border-radius:100px;color:#059669;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.pf-form{display:flex;flex-direction:column;gap:16px}.pf-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.pf-form-field{display:flex;flex-direction:column;gap:6px}.pf-form-field label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.pf-input-wrap{align-items:center;display:flex;position:relative}.pf-input-icon{color:#9ca3af;display:flex;left:12px;pointer-events:none;position:absolute}.pf-input-wrap input{background:#f8f9fb;border:1px solid #dce0e6;border-radius:10px;color:#1a1a2e;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:10px 14px 10px 38px;transition:all .2s;width:100%}.pf-input-wrap input:focus{background:#fff;border-color:#4aade599;box-shadow:0 0 0 3px #4aade51f}.pf-form-field textarea{background:#f8f9fb;border:1px solid #dce0e6;border-radius:10px;color:#1a1a2e;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:12px 14px;resize:vertical;transition:all .2s;width:100%}.pf-form-field textarea:focus{background:#fff;border-color:#4aade599;box-shadow:0 0 0 3px #4aade51f}.pf-form-actions{display:flex;gap:12px}.pf-save-btn{align-items:center;background:linear-gradient(135deg,#4aade5,#f5841f);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:8px;padding:10px 22px;transition:all .2s}.pf-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pf-save-btn:disabled{cursor:not-allowed;opacity:.6}.pf-cancel-btn{align-items:center;background:#f5f6fa;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.pf-cancel-btn:hover{background:#eef0f2}.pf-spinner-sm{animation:pfSpin .7s linear infinite;border:2px solid #4aade54d;border-radius:50%;border-top-color:#4aade5;display:inline-block;height:14px;width:14px}@keyframes pfSpin{to{transform:rotate(1turn)}}.pf-requests{display:flex;flex-direction:column;gap:10px}.pf-request-item{align-items:center;background:#f8f9fb;border:1px solid #eef0f2;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:14px 16px;transition:all .2s}.pf-request-item:hover{background:#f0f2f5}.pf-request-name{color:#374151;font-size:14px;font-weight:600;margin-bottom:3px}.pf-request-msg{color:#9ca3af;font-size:12px}.pf-status-badge{align-items:center;border-radius:100px;display:flex;flex-shrink:0;font-size:11px;font-weight:700;gap:5px;padding:5px 12px;white-space:nowrap}.pf-status-badge.approved{background:#05966914;border:1px solid #05966933;color:#059669}.pf-status-badge.rejected{background:#dc262614;border:1px solid #dc262633;color:#dc2626}.pf-status-badge.pending{background:#d9770614;border:1px solid #d9770633;color:#d97706}.pf-empty{align-items:center;display:flex;flex-direction:column;gap:8px;padding:32px 20px;text-align:center}.pf-empty span{font-size:32px}.pf-empty p{color:#6b7280;font-size:14px;font-weight:500}.pf-empty small{color:#c0c5ce;font-size:12px}.pf-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.pf-spinner{animation:pfSpin .8s linear infinite;border:3px solid #4aade533;border-radius:50%;border-top-color:#4aade5;height:40px;width:40px}@media (max-width:900px){.pf-grid{grid-template-columns:1fr}.pf-col-left{flex-direction:row;flex-wrap:wrap}.pf-col-left .pf-card{flex:1 1;min-width:240px}}@media (max-width:600px){.pf-root{padding:16px 14px 40px}.pf-form-row,.pf-info-grid{grid-template-columns:1fr}.pf-col-left{flex-direction:column}}.ap-root{animation:apFadeIn .4s ease;margin:0 auto;max-width:1400px;padding:28px 28px 48px}@keyframes apFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ap-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.ap-header,.ap-header-left{align-items:center;display:flex}.ap-header-left{gap:14px}.ap-header-icon{align-items:center;background:linear-gradient(135deg,#4aade51a,#f5841f1a);border:1px solid #4aade533;border-radius:14px;color:#4aade5;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ap-header h1{color:#1a1a2e;font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:3px}.ap-header p,.ap-refresh-btn{color:#6b7280;font-size:13px}.ap-refresh-btn{align-items:center;background:#f5f6fa;border:1px solid #dce0e6;border-radius:10px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-weight:600;gap:7px;padding:9px 18px;transition:all .2s}.ap-refresh-btn:hover{background:#eef0f2;color:#374151}.ap-stats{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}.ap-stat{align-items:center;background:#fff;border:1px solid #e8ecf1;border-radius:14px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;gap:4px;min-width:100px;padding:16px 24px;transition:all .2s}.ap-stat:hover{border-color:#4aade54d;border-color:var(--c,#4aade54d);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.ap-stat-val{color:#1a1a2e;color:var(--c,#1a1a2e);font-size:26px;font-weight:800;line-height:1}.ap-stat-lbl{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.ap-msg{align-items:center;border-radius:10px;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.ap-msg.success{background:#05966914;border:1px solid #05966933;color:#059669}.ap-msg.error{background:#dc262614;border:1px solid #dc262633;color:#dc2626}.ap-modal-overlay{align-items:center;animation:apFadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.ap-modal{animation:apSlideUp .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #e8ecf1;border-radius:18px;box-shadow:0 20px 60px #00000026;max-width:440px;padding:28px;width:100%}@keyframes apSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ap-modal-title{color:#1a1a2e;font-size:18px;font-weight:700;margin-bottom:6px}.ap-modal-sub{color:#6b7280;font-size:13px;margin-bottom:16px}.ap-modal-textarea{background:#f8f9fb;border:1px solid #dce0e6;border-radius:10px;color:#1a1a2e;font-family:Inter,sans-serif;font-size:14px;margin-bottom:16px;outline:none;padding:12px 14px;resize:vertical;transition:all .2s;width:100%}.ap-modal-textarea:focus{background:#fff;border-color:#dc262666;box-shadow:0 0 0 3px #dc262614}.ap-modal-actions{display:flex;gap:10px}.ap-modal-reject-btn{align-items:center;background:#dc262614;border:1px solid #dc262633;border-radius:10px;color:#dc2626;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:7px;padding:10px 20px;transition:all .2s}.ap-modal-reject-btn:hover{background:#dc262626}.ap-modal-cancel-btn{background:#f5f6fa;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:10px 18px;transition:all .2s}.ap-modal-cancel-btn:hover{background:#eef0f2}.ap-tabs{background:#f8f9fb;border:1px solid #e8ecf1;border-radius:12px;display:flex;gap:6px;margin-bottom:20px;padding:6px;width:-webkit-fit-content;width:fit-content}.ap-tab{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:8px;padding:9px 18px;position:relative;transition:all .2s}.ap-tab:hover{background:#f0f2f5;color:#374151}.ap-tab.active{background:linear-gradient(135deg,#4aade5,#f5841f);color:#fff}.ap-tab-badge{background:#ef4444;border-radius:100px;color:#fff;font-size:10px;font-weight:800;min-width:18px;padding:1px 6px;text-align:center}.ap-content{background:#fff;border:1px solid #e8ecf1;border-radius:18px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.ap-table-wrap{overflow-x:auto}.ap-table{border-collapse:collapse;font-size:13px;width:100%}.ap-table thead tr{background:#f8f9fb;border-bottom:1px solid #e8ecf1}.ap-table th{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.5px;padding:14px 18px;text-align:left;text-transform:uppercase;white-space:nowrap}.ap-table td{border-bottom:1px solid #eef0f2;padding:14px 18px;vertical-align:middle}.ap-table tbody tr:last-child td{border-bottom:none}.ap-table tbody tr:hover{background:#f8f9fb}.ap-cell-primary{color:#374151;font-size:13px;font-weight:600;margin-bottom:2px}.ap-cell-sub{color:#9ca3af;font-size:12px}.ap-user-cell{gap:10px}.ap-user-avatar,.ap-user-cell{align-items:center;display:flex}.ap-user-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.ap-user-avatar img{height:100%;object-fit:cover;width:100%}.ap-status-badge{border-radius:100px;display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;text-transform:capitalize}.ap-status-badge.pending{background:#d9770614;border:1px solid #d9770633;color:#d97706}.ap-status-badge.approved{background:#05966914;border:1px solid #05966933;color:#059669}.ap-status-badge.rejected{background:#dc262614;border:1px solid #dc262633;color:#dc2626}.ap-avail-badge{border-radius:100px;display:inline-block;font-size:11px;font-weight:700;padding:4px 10px}.ap-avail-badge.yes{background:#05966914;border:1px solid #05966933;color:#059669}.ap-avail-badge.no{background:#dc262614;border:1px solid #dc262633;color:#dc2626}.ap-cat-badge{background:#4aade514;border:1px solid #4aade533;border-radius:100px;color:#2b8fcc;font-weight:600;padding:3px 10px}.ap-cat-badge,.ap-role-badge{display:inline-block;font-size:11px;text-transform:capitalize}.ap-role-badge{border-radius:100px;font-weight:700;padding:4px 10px}.ap-role-badge.resident{background:#f5f6fa;border:1px solid #e5e7eb;color:#6b7280}.ap-role-badge.admin{background:#4aade514;border:1px solid #4aade533;color:#2b8fcc}.ap-role-badge.superadmin{background:#d9770614;border:1px solid #d9770633;color:#d97706}.ap-action-btns{display:flex;flex-wrap:wrap;gap:8px}.ap-approve-btn{align-items:center;background:#05966914;border:1px solid #05966933;border-radius:8px;color:#059669;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:700;gap:5px;padding:6px 14px;transition:all .2s}.ap-approve-btn:hover{background:#05966926}.ap-reject-btn{align-items:center;background:#dc262614;border:1px solid #dc262633;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:700;gap:5px;padding:6px 14px;transition:all .2s}.ap-reject-btn:hover{background:#dc262626}.ap-empty{align-items:center;display:flex;flex-direction:column;gap:10px;padding:60px 20px;text-align:center}.ap-empty span{font-size:36px}.ap-empty p{color:#6b7280;font-size:15px;font-weight:500}.ap-loading{align-items:center;color:#9ca3af;display:flex;gap:14px;justify-content:center;padding:60px 20px}.ap-spinner{animation:apSpin .8s linear infinite;border:3px solid #4aade533;border-radius:50%;border-top-color:#4aade5;height:32px;width:32px}@keyframes apSpin{to{transform:rotate(1turn)}}@media (max-width:768px){.ap-root{padding:16px 14px 40px}.ap-tabs{width:100%}.ap-tab{flex:1 1;font-size:12px;justify-content:center;padding:8px 10px}.ap-stats{gap:10px}.ap-stat{min-width:80px;padding:12px 16px}.ap-table td,.ap-table th{padding:10px 12px}}.admin-panel{margin:0 auto;max-width:1200px;padding:30px 20px}.admin-panel h1{color:#333;font-size:32px;margin-bottom:30px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;gap:20px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.stat-card.highlight{background:linear-gradient(135deg,#4aade5,#f5841f);color:#fff}.stat-icon{align-items:center;background:#4aade51a;border-radius:12px;color:#4aade5;display:flex;height:60px;justify-content:center;width:60px}.stat-card.highlight .stat-icon{background:#fff3;color:#fff}.stat-content h3{font-size:14px;font-weight:600;margin:0 0 8px;opacity:.8}.stat-number{color:inherit;font-size:32px;font-weight:700;margin:0}.admin-sections{display:flex;flex-direction:column;gap:30px}.section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:30px}.section h2{border-bottom:2px solid #f0f0f0;color:#333;font-size:20px;margin-bottom:25px;padding-bottom:15px}.requests-table{overflow-x:auto}table{border-collapse:collapse;width:100%}table thead{background:#f5f5f5}table th{border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;text-align:left}table td,table th{font-size:14px;padding:15px}table td{border-bottom:1px solid #e0e0e0;color:#666}table tbody tr:hover{background:#f9f9f9}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.badge.pending{background:#fff3e0;color:#e65100}.badge.approved{background:#e8f5e9;color:#2e7d32}.badge.rejected{background:#ffebee;color:#c62828}.btn-small{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;margin-right:8px;padding:6px 12px;transition:all .3s ease}.btn-approve{background:#4caf50;color:#fff}.btn-approve:hover{background:#45a049}.btn-reject{background:#f44336;color:#fff}.btn-reject:hover{background:#da190b}.empty-state{color:#999;font-size:14px;padding:40px 20px;text-align:center}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}table{font-size:12px}table td,table th{padding:10px}.btn-small{font-size:11px;padding:4px 8px}}:root{--primary-color:#2563eb;--secondary-color:#f97316;--accent-color:#60a5fa;--bg-gradient:radial-gradient(circle at 50% 50%,#0e1630 0%,#070b19 100%);--bg-solid:#070b19;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:#0d1930a6;--glass-border:#60a5fa1f;--glass-border-orange:#f9731640;--shadow-soft:0 8px 32px #0000003d;--shadow-glow:0 0 20px #2563eb26;--shadow-glow-orange:0 0 20px #f9731633}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#070b19;background:var(--bg-solid);background-attachment:fixed;background-image:radial-gradient(circle at 50% 50%,#0e1630 0,#070b19 100%);background-image:var(--bg-gradient);color:#f8fafc;color:var(--text-primary);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}.app-layout{background:#0000}.app-layout,.app-main{display:flex;min-height:100vh}.app-main{flex:1 1;flex-direction:column;margin-left:260px;min-width:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.app-main.sidebar-collapsed{margin-left:72px}.app-content{background:#0000;flex:1 1;overflow-x:hidden;overflow-y:auto}@media (max-width:900px){.app-main{margin-left:0!important}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#070b1980}::-webkit-scrollbar-thumb{background:#60a5fa33;border-radius:3px;-webkit-transition:background .3s;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#2563eb;background:var(--primary-color);box-shadow:0 0 10px #2563eb;box-shadow:0 0 10px var(--primary-color)}button{font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}
/*# sourceMappingURL=main.35b7af99.css.map*/