@media screen and (max-width:768px){.example-class{font-size:12px;padding:4px}}@media screen and (max-width:480px){.example-class{font-size:12px;padding:4px;display:none}}*{caret-color:rgba(0,0,0,0)!important}[contenteditable=true],input,textarea{caret-color:auto!important}.alt-navigasyon-container{position:fixed;left:5px;top:50%;transform:translateY(-50%);z-index:1000;pointer-events:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.alt-navigasyon-container .dock-container{position:relative;opacity:1;transform:translateX(0) scale(1);pointer-events:auto}.alt-navigasyon-container .dock,.alt-navigasyon-container .dock-container{display:flex;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.alt-navigasyon-container .dock{flex-direction:column;background:hsla(0,0%,100%,.95);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:12px 8px;box-shadow:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.05);gap:8px}.alt-navigasyon-container .dock .dock-item{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;border-radius:12px!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;animation:dock-item-enter .4s cubic-bezier(.4,0,.2,1);animation-delay:calc(var(--dock-index)*.05s);animation-fill-mode:both;background:rgba(0,0,0,0)!important}.alt-navigasyon-container .dock .dock-item.profile-item .profile-hover-area{position:absolute;left:0;top:0;right:-80px;bottom:0;z-index:-1;pointer-events:auto}.alt-navigasyon-container .dock .dock-item:hover{background:rgba(59,130,246,.05)!important;transform:scale(1.05)!important}.alt-navigasyon-container .dock .dock-item:hover .dock-icon{color:#3b82f6!important;transform:scale(1.1)!important}.alt-navigasyon-container .dock .dock-item:hover .dock-icon.custom-icon{filter:grayscale(0) opacity(1) brightness(1.2)}.alt-navigasyon-container .dock .dock-item:hover .dock-tooltip{opacity:1!important;transform:translateY(-50%) translateX(0) scale(1)!important;pointer-events:auto!important}.alt-navigasyon-container .dock .dock-item.active{background:rgba(59,130,246,.1)!important;border:1px solid rgba(59,130,246,.2)!important;box-shadow:0 2px 4px rgba(59,130,246,.1)!important}.alt-navigasyon-container .dock .dock-item.active .dock-icon{color:#3b82f6!important}.alt-navigasyon-container .dock .dock-item.active .dock-icon.custom-icon{filter:grayscale(0) opacity(1) brightness(1.1)}.alt-navigasyon-container .dock .dock-item.active .active-indicator{opacity:1!important}.dock-item-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dock-icon{font-size:20px!important;color:rgba(71,85,105,.8)!important;transform:scale(1)!important}.dock-icon,.dock-icon.custom-icon{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.dock-icon.custom-icon{width:24px!important;height:24px!important;filter:grayscale(.1) opacity(.8)}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ff4757;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:8px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(255,71,87,.4);animation:notification-pulse 2s infinite}.active-indicator{left:-12px;transform:translateY(-50%);width:6px;height:6px;background:#3b82f6;border-radius:50%;box-shadow:0 0 12px rgba(59,130,246,.6)}.active-indicator,.dock-tooltip{position:absolute;top:50%;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.dock-tooltip{left:100%;margin-left:8px;transform:translateY(-50%) translateX(-8px) scale(.8);background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;z-index:1001;min-width:max-content}.dock-tooltip:after{content:"";left:-5px;border:5px solid rgba(0,0,0,0);border-right-color:rgba(0,0,0,.85)}.dock-tooltip:after,.logout-button{position:absolute;top:50%;transform:translateY(-50%)}.logout-button{left:100%;margin-left:16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 4px 12px rgba(239,68,68,.3),0 2px 6px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1002;min-width:max-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.logout-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-50%) scale(1.05);box-shadow:0 6px 16px rgba(239,68,68,.4),0 3px 8px rgba(0,0,0,.15)}.logout-button:active{transform:translateY(-50%) scale(.98)}.logout-button:before{content:"";position:absolute;top:50%;left:-5px;transform:translateY(-50%);border:5px solid rgba(0,0,0,0);border-right-color:#ef4444}.logout-button svg{font-size:12px}.logout-button span{font-size:11px;letter-spacing:.3px}@keyframes dock-item-enter{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notification-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media screen and (max-width:1024px){.alt-navigasyon-container{bottom:15px}.alt-navigasyon-container.compact{bottom:8px;transform:translateX(-50%) scale(.6)}.alt-navigasyon-container.compact.expanded,.alt-navigasyon-container.compact:hover{transform:translateX(-50%) scale(.9);bottom:15px}.alt-navigasyon-container.compact .dock-trigger.compact-trigger{width:22px;height:22px;border-radius:5px}.alt-navigasyon-container.compact .dock-trigger.compact-trigger:hover:not(.expanded){transform:translateX(-50%) translateY(-1px) scale(1.06)}.alt-navigasyon-container.compact .dock-trigger.compact-trigger:not(:hover){transform:translateX(-50%) scale(1)}.alt-navigasyon-container.compact .dock-item{width:32px!important;height:32px!important}.alt-navigasyon-container.compact .dock-item .dock-icon{font-size:14px!important}.alt-navigasyon-container.compact .dock-item .dock-icon.custom-icon{width:16px!important;height:16px!important}.alt-navigasyon-container .dock-item{width:44px;height:44px}.alt-navigasyon-container .dock-icon{font-size:18px}.alt-navigasyon-container .dock{padding:6px 10px}}@media screen and (max-width:768px){.alt-navigasyon-container{bottom:10px}.alt-navigasyon-container.compact{bottom:5px;transform:translateX(-50%) scale(.5)}.alt-navigasyon-container.compact.expanded,.alt-navigasyon-container.compact:hover{transform:translateX(-50%) scale(.8);bottom:10px}.alt-navigasyon-container.compact .dock-trigger.compact-trigger{width:20px;height:20px;border-radius:4px}.alt-navigasyon-container.compact .dock-trigger.compact-trigger:hover:not(.expanded){transform:translateX(-50%) translateY(-1px) scale(1.05)}.alt-navigasyon-container.compact .dock-trigger.compact-trigger:not(:hover){transform:translateX(-50%) scale(1)}.alt-navigasyon-container.compact .dock{padding:2px 4px;border-radius:8px}.alt-navigasyon-container.compact .dock-item{width:28px!important;height:28px!important}.alt-navigasyon-container.compact .dock-item .dock-icon{font-size:12px!important}.alt-navigasyon-container.compact .dock-item .dock-icon.custom-icon{width:14px!important;height:14px!important}.alt-navigasyon-container.compact .dock-item .dock-tooltip{bottom:36px;font-size:10px;padding:2px 6px}.alt-navigasyon-container .dock-trigger{left:50%;transform:translateX(-50%);width:50px;height:50px}.alt-navigasyon-container .dock-trigger .trigger-icon{width:24px!important;height:24px!important}.alt-navigasyon-container .dock-container{justify-content:center}.alt-navigasyon-container .dock{flex-wrap:wrap;justify-content:center;max-width:100%;padding:8px;gap:4px}.alt-navigasyon-container .dock .dock-item{width:40px!important;height:40px!important}.alt-navigasyon-container .dock-icon{font-size:16px}}@media(prefers-reduced-motion:reduce){.dock-item{transition:none}.dock-item,.notification-badge{animation:none}}