.klic-app-wrapper{display:flex;min-height:100vh;background:var(--gradient-bg);color:var(--text-primary);position:relative}.klic-app-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;background:var(--bg-secondary) !important;border-right:1px solid var(--glass-border);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);z-index:1010;display:flex;flex-direction:column;padding:0 1rem 1.25rem 1rem !important;box-shadow:6px 0 30px rgba(0,0,0,0.25);transition:transform var(--transition-smooth),width var(--transition-smooth),padding var(--transition-smooth),background 0.3s ease;overflow-x:hidden !important}[data-theme="light"] .klic-app-sidebar{background:var(--bg-secondary) !important;box-shadow:4px 0 20px rgba(0,0,0,0.06)}.klic-app-sidebar-logo{display:flex !important;align-items:center !important;gap:0.75rem;flex:0 0 70px !important;height:70px !important;min-height:70px !important;max-height:70px !important;margin-top:0 !important;margin-bottom:1.5rem !important;padding:0 0.5rem !important;border-bottom:1px solid var(--glass-border) !important;box-sizing:border-box !important;transition:all var(--transition-smooth)}.klic-app-sidebar-logo img{height:32px;width:auto}.klic-app-logo-container{display:flex;align-items:center}.klic-app-logo-collapsed{display:none}.klic-app-logo-collapsed img{height:32px;width:auto;display:block}html.collapsed-sidebar .klic-app-logo-container{display:none !important}html.collapsed-sidebar .klic-app-logo-collapsed{display:flex !important;align-items:center;justify-content:center;width:100%}.klic-brand-logo{height:32px;width:auto;display:block}.klic-logo-light{display:block}.klic-logo-dark{display:none}[data-theme="light"] .klic-logo-light{display:none}[data-theme="light"] .klic-logo-dark{display:block}.klic-app-sidebar-logo-text{font-family:'Outfit',sans-serif;font-size:1.35rem;font-weight:800;letter-spacing:-0.5px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.klic-app-sidebar-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.4rem;flex-grow:1}.klic-app-sidebar-link{display:flex;align-items:center;gap:0.85rem;padding:0.6rem 0.85rem;color:var(--text-secondary);text-decoration:none !important;font-size:0.9rem;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-fast);position:relative}.klic-app-sidebar-link i,.klic-app-sidebar-link span.material-symbols-rounded{font-size:1.15rem;color:var(--text-muted);transition:color var(--transition-fast)}.klic-app-sidebar-link::before{content:'';position:absolute;left:0;top:25%;height:50%;width:4px;background:var(--text-accent);border-radius:0 4px 4px 0;opacity:0;transition:opacity var(--transition-fast),height var(--transition-fast),top var(--transition-fast)}.klic-app-sidebar-link:hover{color:var(--text-primary);background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.02)}.klic-app-sidebar-link:hover i,.klic-app-sidebar-link:hover span.material-symbols-rounded{color:var(--text-accent)}.klic-app-sidebar-link.active{color:var(--text-primary) !important;background:var(--gradient-glow) !important;border:1px solid var(--glass-border) !important;box-shadow:0 4px 18px rgba(0,0,0,0.2) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.klic-app-sidebar-link.active i{color:var(--text-accent) !important;filter:drop-shadow(0 0 6px var(--text-accent))}.klic-app-sidebar-link.active::before{opacity:1;height:70%;top:15%;background:var(--gradient-primary) !important;box-shadow:0 0 10px var(--text-accent);width:4px;border-radius:0 4px 4px 0}.klic-sidebar-nav-container{flex-grow:1;overflow-y:auto;overflow-x:hidden !important;scrollbar-width:none !important;-ms-overflow-style:none !important}.klic-sidebar-nav-container::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}.klic-sidebar-section-toggle{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);outline:none;cursor:pointer;font-size:0.7rem;font-weight:800;letter-spacing:1.4px;color:var(--text-muted);margin:0.6rem 0 0.2rem 0;padding:0.55rem 0.85rem;text-transform:uppercase;border-radius:10px;transition:all 0.2s ease}.klic-sidebar-section-toggle:hover,.klic-sidebar-section-toggle.open{opacity:1;color:var(--text-accent,#a855f7);background:rgba(168,85,247,0.08);border-color:rgba(168,85,247,0.2)}.klic-sidebar-section-toggle.active-section:not(.open){color:var(--text-accent,#a855f7);opacity:1;border-left:3px solid var(--text-accent,#a855f7);padding-left:calc(0.85rem - 2px);background:rgba(168,85,247,0.06)}.klic-section-chevron{font-size:0.7rem;transition:transform 0.28s cubic-bezier(0.4,0,0.2,1);opacity:0.7}.klic-sidebar-section-toggle.open .klic-section-chevron{transform:rotate(-180deg);opacity:1}.klic-sidebar-section-body{overflow:hidden;max-height:0;transition:max-height 0.32s cubic-bezier(0.4,0,0.2,1),opacity 0.28s ease;opacity:0}.klic-sidebar-section-body.open{max-height:400px;opacity:1}[data-theme="light"] .klic-sidebar-section-toggle{background:rgba(0,0,0,0.02);border-color:#e2e8f0}[data-theme="light"] .klic-sidebar-section-toggle:hover,[data-theme="light"] .klic-sidebar-section-toggle.open{background:rgba(99,102,241,0.07);border-color:rgba(99,102,241,0.2);color:#6366f1}[data-theme="light"] .klic-sidebar-section-toggle.active-section:not(.open){color:#6366f1;border-left-color:#6366f1;background:rgba(99,102,241,0.05)}.klic-sidebar-section-toggle:first-child{margin-top:0.2rem}.klic-shortcut-badge{background:rgba(255,255,255,0.15);color:#ffffff;font-size:0.75rem;font-weight:700;width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.25)}.klic-app-sidebar-footer{padding-top:1rem;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:0.5rem}.klic-sidebar-user-card{display:flex;align-items:center;gap:0.75rem;padding:0.65rem 0.85rem;background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);border-radius:var(--radius-md);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 14px rgba(0,0,0,0.12);transition:all 0.2s ease}[data-theme="light"] .klic-sidebar-user-card{background:rgba(0,0,0,0.02)}.klic-avatar-initial{width:38px;height:38px;border-radius:50%;background:var(--gradient-primary) !important;color:#ffffff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;box-shadow:0 0 12px var(--text-accent)}.klic-status-dot-avatar{position:absolute;bottom:0;right:0;width:10px;height:10px;background-color:#22c55e;border:2px solid var(--bg-secondary);border-radius:50%;box-shadow:0 0 8px rgba(34,197,94,0.9)}.klic-user-card-info{flex-grow:1;min-width:0}.klic-user-card-name{font-size:0.86rem;font-weight:600;color:var(--text-primary);line-height:1.2}.klic-user-card-email{font-size:0.72rem;color:var(--text-muted);line-height:1.2;margin-top:2px}.klic-app-topbar{position:fixed;top:0;left:260px;right:0;height:70px !important;min-height:70px !important;max-height:70px !important;background:var(--glass-bg);border-bottom:1px solid var(--glass-border) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;box-shadow:0 4px 20px rgba(0,0,0,0.06);box-sizing:border-box !important;transition:left var(--transition-smooth)}.klic-app-page-title{font-family:'Outfit',sans-serif;font-weight:700;font-size:1.25rem;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:0.5rem}.klic-app-topbar-actions{display:flex;align-items:center;gap:1.25rem}.klic-app-profile-dropdown{position:relative}.klic-app-user-badge-btn{background:rgba(255,255,255,0.03);border:1px solid var(--glass-border);color:var(--text-secondary);padding:0.4rem 0.9rem;border-radius:50px;display:inline-flex;align-items:center;gap:0.6rem;cursor:pointer;font-size:0.85rem;font-weight:600;transition:all var(--transition-fast)}.klic-app-user-badge-btn:hover{background:rgba(255,255,255,0.08);border-color:var(--text-accent);color:var(--text-primary)}.klic-app-user-badge-btn img{width:24px;height:24px;border-radius:50%;object-fit:cover}.klic-app-main{margin-left:260px;padding-top:70px;flex:1;width:calc(100% - 260px);transition:margin-left var(--transition-smooth),width var(--transition-smooth)}.klic-app-content{padding:2rem 2.5rem;min-height:calc(100vh - 70px);overflow-x:hidden}.klic-mobile-topbar{display:none}.klic-mobile-nav{display:none}.klic-bottom-sheet-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:2000;opacity:0;transition:opacity var(--transition-fast) ease;pointer-events:none}.klic-bottom-sheet-backdrop.show{opacity:1;pointer-events:auto}.klic-bottom-sheet{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--glass-border);border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -8px 32px rgba(0,0,0,0.5);z-index:2010;transform:translateY(100%);transition:transform 0.35s cubic-bezier(0.32,0.94,0.6,1);padding:1.5rem}.klic-bottom-sheet.open{transform:translateY(0)}.klic-bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:0.75rem;border-bottom:1px solid var(--glass-border)}.klic-bottom-sheet-title{font-family:'Outfit',sans-serif;font-weight:700;font-size:1.1rem;margin:0}.klic-bottom-sheet-close{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer}.klic-bottom-sheet-content{display:flex;flex-direction:column;gap:1rem}@media (max-width:1023px){.klic-app-sidebar{transform:translateX(-100%);pointer-events:none;position:fixed !important;top:0 !important;left:0 !important;bottom:0 !important;width:280px !important;height:100vh !important;z-index:10005 !important;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:none}.klic-app-sidebar.mobile-open{transform:translateX(0) !important;pointer-events:auto !important;box-shadow:10px 0 40px rgba(0,0,0,0.5) !important}.klic-sidebar-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:10002;opacity:0;transition:opacity 0.25s ease;pointer-events:none}.klic-sidebar-backdrop.show{opacity:1;pointer-events:auto}.klic-app-topbar{display:none}.klic-app-main{margin-left:0;width:100%;padding-top:60px;padding-bottom:24px}.klic-app-content{padding:1.25rem 1rem;min-height:calc(100vh - 84px)}.klic-mobile-topbar{display:flex;position:fixed;top:0;left:0;right:0;height:60px;background:var(--glass-bg);border-bottom:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;align-items:center;justify-content:space-between;padding:0 1.25rem;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.klic-mobile-nav{display:none !important}.klic-bottom-sheet-backdrop{display:block}.klic-bottom-sheet{display:block}}.material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;vertical-align:middle;transition:transform var(--transition-fast)}.klic-app-sidebar-link:hover .material-symbols-rounded{transform:scale(1.1)}.klic-btn-create-new{background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#d946ef 100%) !important;background-size:200% auto !important;border:none !important;color:#ffffff !important;font-family:'Outfit',sans-serif !important;font-weight:700 !important;text-transform:uppercase !important;font-size:0.8rem !important;letter-spacing:0.8px !important;border-radius:50px !important;padding:1.1rem 1.5rem !important;box-shadow:0 4px 20px rgba(168,85,247,0.4),inset 0 1px 0 rgba(255,255,255,0.2) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;outline:none !important;text-decoration:none !important}.klic-btn-create-new:hover,.klic-btn-create-new:focus{background-position:right center !important;color:#ffffff !important;box-shadow:0 8px 25px rgba(168,85,247,0.65),0 0 0 3px rgba(168,85,247,0.25) !important;transform:translateY(-2px) scale(1.02) !important}.klic-btn-create-new:active{transform:translateY(1px) scale(0.98) !important}.klic-btn-create-new span.material-symbols-rounded{transition:transform 0.25s ease !important}.klic-btn-create-new:hover span.material-symbols-rounded{transform:rotate(90deg) scale(1.1) !important}.klic-theme-toggle,.klic-btn-card-icon-action{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:0.45rem 0.9rem !important}.klic-nav-login-btn,.klic-nav-btn-register,.klic-app-user-badge-btn,.klic-app-topbar-actions .btn,.klic-app-topbar-actions a{display:inline-flex !important;align-items:center !important;gap:0.5rem !important;padding:0.45rem 0.9rem !important}.klic-nav-login-btn i,.klic-nav-btn-register i,.klic-btn-create-new i,.klic-btn-create-new span.material-symbols-rounded,.klic-theme-toggle i,.klic-app-topbar-actions i,.klic-app-topbar-actions .material-symbols-rounded,.klic-btn-card-icon-action i{display:inline-block !important;line-height:1 !important;vertical-align:middle !important;margin:0 !important}.klic-icon-circle{width:44px;height:44px;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important}.klic-pulse-highlight{animation:klicPulseFocus 2s ease-in-out infinite;border-color:var(--text-accent) !important}@keyframes klicPulseFocus{0%,100%{box-shadow:0 0 0 3px rgba(168,85,247,0.4),var(--glass-shadow)}50%{box-shadow:0 0 0 8px rgba(168,85,247,0.65),var(--glass-shadow)}}@media (min-width:992px){.klic-app-sidebar,.klic-app-topbar,.klic-app-main{transition:all var(--transition-smooth) !important}html.collapsed-sidebar .klic-app-sidebar{width:80px;padding:0 0.5rem 1.5rem 0.5rem}html.collapsed-sidebar .klic-app-sidebar-logo{justify-content:center;height:70px !important;margin-top:0 !important;margin-bottom:1.5rem;gap:0;padding:0 !important;box-sizing:border-box !important}html.collapsed-sidebar .klic-app-sidebar-logo-text{display:none !important;opacity:0;width:0}html.collapsed-sidebar .klic-create-dropdown-wrapper{display:flex;justify-content:center}html.collapsed-sidebar .klic-btn-create-new{width:44px !important;height:44px !important;border-radius:50% !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important}html.collapsed-sidebar .klic-btn-create-new div{display:contents !important}html.collapsed-sidebar .klic-btn-create-new span:not(.material-symbols-rounded){display:none !important}html.collapsed-sidebar .klic-app-sidebar-link{justify-content:center !important;padding:0.5rem 0 !important;gap:0 !important;width:100% !important}html.collapsed-sidebar .klic-app-sidebar-link span:not(.material-symbols-rounded){display:none !important;opacity:0;width:0}html.collapsed-sidebar .klic-app-sidebar-link::before{height:50%;top:25%}html.collapsed-sidebar .klic-sidebar-section-title,html.collapsed-sidebar .klic-sidebar-section-toggle,body.collapsed-sidebar .klic-sidebar-section-title,body.collapsed-sidebar .klic-sidebar-section-toggle,.klic-app-sidebar.collapsed .klic-sidebar-section-title,.klic-app-sidebar.collapsed .klic-sidebar-section-toggle{display:none !important;opacity:0 !important;visibility:hidden !important;height:0 !important;margin:0 !important;padding:0 !important;border:none !important;overflow:hidden !important}html.collapsed-sidebar .klic-sidebar-section-body,body.collapsed-sidebar .klic-sidebar-section-body,.klic-app-sidebar.collapsed .klic-sidebar-section-body{max-height:none !important;opacity:1 !important;display:block !important;transition:none !important}html.collapsed-sidebar .klic-app-sidebar-menu{flex-grow:0 !important;gap:0.1rem !important;margin-bottom:0 !important}html.collapsed-sidebar .klic-sidebar-nav-container{flex-grow:0 !important;overflow-y:auto}html.collapsed-sidebar .klic-sidebar-nav-container > div:not(:first-child),html.collapsed-sidebar .klic-app-sidebar-nav-container > div:not(:first-child){border-top:1px solid rgba(255,255,255,0.08);margin-top:0.5rem;padding-top:0.5rem}[data-theme="light"] html.collapsed-sidebar .klic-sidebar-nav-container > div:not(:first-child),[data-theme="light"] html.collapsed-sidebar .klic-app-sidebar-nav-container > div:not(:first-child){border-top-color:rgba(0,0,0,0.08)}html.collapsed-sidebar .klic-shortcut-badge{display:none !important}html.collapsed-sidebar .klic-user-card-info{display:none !important}html.collapsed-sidebar .klic-sidebar-user-card{padding:0.25rem;justify-content:center;background:transparent;border-color:transparent}html.collapsed-sidebar .klic-app-sidebar-link[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:0.75rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--glass-border);padding:0.35rem 0.75rem;border-radius:var(--radius-md);font-size:0.78rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,0.3);z-index:1050;pointer-events:none;animation:klicTooltipFade 0.15s ease forwards}@keyframes klicTooltipFade{from{opacity:0;transform:translateY(-50%) translateX(-4px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}html.collapsed-sidebar .klic-app-sidebar-footer a{padding:0.5rem 0 !important;justify-content:center;display:flex;align-items:center;border-radius:var(--radius-md) !important}html.collapsed-sidebar .klic-app-sidebar-footer a i{margin:0 !important;font-size:1.2rem}html.collapsed-sidebar .klic-app-sidebar-footer a span{display:none !important}html.collapsed-sidebar .klic-app-topbar{left:80px}html.collapsed-sidebar .klic-app-main{margin-left:80px;width:calc(100% - 80px)}}.klic-impersonation-banner{height:40px !important;box-sizing:border-box !important;font-size:0.85rem !important;display:flex !important;align-items:center !important;justify-content:center !important}body.has-impersonation-banner .klic-app-topbar{top:40px !important}body.has-impersonation-banner .klic-mobile-topbar{top:40px !important}body.has-impersonation-banner .klic-app-sidebar{top:40px !important;height:calc(100vh - 40px) !important}body.has-impersonation-banner .klic-app-main{padding-top:calc(70px + 40px) !important}body.has-impersonation-banner .klic-app-main-container main{padding-top:calc(80px + 40px) !important}@media (max-width:1023px){body.has-impersonation-banner .klic-app-main{padding-top:calc(60px + 40px) !important}}.klic-premium-warning-banner{background:rgba(245,158,11,0.08) !important;border:1px solid rgba(245,158,11,0.28) !important;box-shadow:0 10px 30px -10px rgba(245,158,11,0.2) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#ffedd5 !important;transition:all 0.3s ease}.klic-premium-warning-banner .warning-icon{color:#fbbf24 !important;font-size:1.3rem}.klic-premium-warning-banner .btn-upgrade{background:linear-gradient(135deg,#fbbf24,#f59e0b) !important;color:#1e1b4b !important;border:none !important;font-weight:700 !important;transition:transform 0.2s ease,box-shadow 0.2s ease !important}.klic-premium-warning-banner .btn-upgrade:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(245,158,11,0.35) !important}.klic-premium-warning-banner .btn-close{filter:invert(1) grayscale(1) brightness(1.8) !important;opacity:0.7;transition:opacity 0.2s ease}.klic-premium-warning-banner .btn-close:hover{opacity:1}@media (max-width:767px){.klic-premium-warning-banner{padding-right:45px !important}.klic-premium-warning-banner .warning-btn-group{width:100% !important;justify-content:center !important;margin-top:1rem !important;margin-left:0 !important}.klic-banner-close{position:absolute !important;top:12px;right:12px}}@media (min-width:768px){.klic-banner-close{position:static !important}}.modal{z-index:2100 !important}.modal-backdrop{z-index:2090 !important}[data-theme="light"] .klic-premium-warning-banner{background:rgba(245,158,11,0.12) !important;border:1px solid rgba(245,158,11,0.4) !important;color:#7c2d12 !important}[data-theme="light"] .klic-premium-warning-banner .text-white{color:#7c2d12 !important}[data-theme="light"] .klic-premium-warning-banner .btn-close{filter:none !important;opacity:0.6}[data-theme="light"] .klic-premium-warning-banner .btn-close:hover{opacity:0.9}