@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--dark);color:var(--gray-400);display:flex;flex-direction:column;z-index:100;transition:width var(--transition);overflow:hidden}.sidebar--collapsed{width:var(--sidebar-collapsed)!important}.sidebar__header{padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__logo{display:flex;align-items:center;gap:12px;cursor:pointer;padding:4px}.sidebar__logo-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0;position:relative;box-shadow:0 0 #6c3ce100,0 4px 12px #0000004d;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}.sidebar__logo-icon:after{content:"";position:absolute;inset:-2px;border-radius:16px;background:linear-gradient(135deg,#6c3ce166,#8b5cf61a,#6c3ce166);background-size:200% 200%;animation:logoGlow 3s ease-in-out infinite;z-index:-1;opacity:.6}@keyframes logoGlow{0%,to{background-position:0% 50%;opacity:.4}50%{background-position:100% 50%;opacity:.8}}.sidebar__logo:hover .sidebar__logo-icon{transform:perspective(200px) rotateY(-8deg) scale(1.05);box-shadow:0 0 20px #6c3ce159,0 8px 24px #0000004d}.sidebar__logo-text{display:flex;flex-direction:column;line-height:1.2}.sidebar__brand{font-size:18px;font-weight:800;color:var(--white)}.sidebar__brand-api{background:linear-gradient(90deg,var(--primary-light) 0%,#c4b5fd 45%,var(--primary-light) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShine 3s linear infinite}@keyframes goldShine{0%{background-position:-100% center}to{background-position:200% center}}.fin-bar-1{animation:finBar1 6s ease-in-out infinite}.fin-bar-2{animation:finBar2 6s ease-in-out infinite}.fin-bar-3{animation:finBar3 6s ease-in-out infinite}.fin-bar-4{animation:finBar4 6s ease-in-out infinite}.fin-bar-5{animation:finBar5 6s ease-in-out infinite}@keyframes finBar1{0%,40%{y:70;height:20}50%{y:50;height:40}60%{y:76;height:14}70%{y:56;height:34}80%,to{y:70;height:20}}@keyframes finBar2{0%,40%{y:58;height:32}48%{y:72;height:18}58%{y:40;height:50}68%{y:64;height:26}80%,to{y:58;height:32}}@keyframes finBar3{0%,40%{y:46;height:44}50%{y:30;height:60}62%{y:56;height:34}72%{y:38;height:52}80%,to{y:46;height:44}}@keyframes finBar4{0%,40%{y:34;height:56}48%{y:52;height:38}56%{y:26;height:64}66%{y:44;height:46}80%,to{y:34;height:56}}@keyframes finBar5{0%,40%{y:22;height:68}50%{y:38;height:52}60%{y:18;height:72}70%{y:30;height:60}80%,to{y:22;height:68}}.fin-line{animation:finLinePulse 6s ease-in-out infinite}@keyframes finLinePulse{0%,40%{opacity:.9}55%{opacity:.4}70%{opacity:.9}80%,to{opacity:.9}}.sidebar__product{font-size:11px;font-weight:600;color:var(--success-light);text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden}.sidebar__product:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:textSweep 4s ease-in-out infinite}@keyframes textSweep{0%,70%{left:-100%}to{left:200%}}.sidebar__header{position:relative}.sidebar__nav-spacer{flex:1;cursor:pointer}.sidebar__nav{flex:1;min-height:0;padding:12px 8px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.sidebar__nav-inner{flex-shrink:0}.sidebar__group{margin-bottom:2px}.sidebar__item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--gray-400);transition:var(--transition-fast);text-align:left}.sidebar--collapsed .sidebar__header{padding:16px 0;display:flex;justify-content:center}.sidebar--collapsed .sidebar__logo{justify-content:center;padding:0;gap:0}.sidebar--collapsed .sidebar__logo-text{display:none}.sidebar--collapsed .sidebar__logo-icon:after{display:none}.sidebar__logo-icon:after{pointer-events:none}.sidebar--collapsed .sidebar__item{justify-content:center;padding:10px}.sidebar__item:hover{background:#ffffff0f;color:var(--white)}.sidebar__item--active{background:#6c3ce126;color:var(--primary-light)}.sidebar__item--active:hover{background:#6c3ce133}.sidebar__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__chevron{transition:transform var(--transition-fast);flex-shrink:0;opacity:.6}.sidebar__chevron--open{transform:rotate(180deg)}.sidebar__submenu{padding:2px 0 4px}.sidebar__subitem{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px 8px 44px;font-size:13px;font-weight:400;color:var(--gray-500);border-radius:var(--radius-sm);transition:var(--transition-fast);text-align:left}.sidebar__subitem:hover{color:var(--white);background:#ffffff0a}.sidebar__subitem--active{color:var(--primary-light);background:#6c3ce11a}.sidebar__footer{padding:12px 8px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:2px}.sidebar__item--logout{color:var(--gray-500)}.sidebar__item--logout:hover{background:#ef44441f;color:var(--danger-light)}.sidebar__collapse-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--gray-500);transition:var(--transition-fast)}.sidebar--collapsed .sidebar__collapse-btn{justify-content:center;padding:10px}.sidebar__collapse-btn:hover{background:#ffffff0f;color:var(--white)}.sidebar__collapse-icon{transition:transform var(--transition)}.sidebar__collapse-icon--rotated{transform:rotate(180deg)}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}@media(max-width:768px){.sidebar{transform:translate(-100%);width:var(--sidebar-width);z-index:200}.sidebar--collapsed{width:var(--sidebar-width)}.sidebar--mobile-open{transform:translate(0)!important;width:var(--sidebar-width)!important}.sidebar--mobile-open .sidebar__logo-text,.sidebar--mobile-open .sidebar__label,.sidebar--mobile-open .sidebar__chevron,.sidebar--mobile-open .sidebar__submenu{display:flex}.sidebar--mobile-open .sidebar__item{justify-content:flex-start;padding:10px 12px}.sidebar--mobile-open .sidebar__collapse-btn{display:none}}@media(max-width:1366px){.sidebar{width:230px}.sidebar__item{padding:9px 11px;font-size:13.5px;gap:10px}.sidebar__subitem{padding:7px 11px 7px 40px;font-size:12.5px}.sidebar__brand{font-size:17px}.sidebar__product{font-size:10.5px;letter-spacing:1.8px}.sidebar__logo-icon{width:46px;height:46px;border-radius:12px}.sidebar__header{padding:14px}.sidebar__nav,.sidebar__footer{padding:10px 6px}}@media(min-width:1921px){.sidebar{width:280px}.sidebar__item{padding:12px 14px;font-size:15px}.sidebar__subitem{padding:10px 14px 10px 48px;font-size:14px}.sidebar__brand{font-size:20px}}@media(min-width:2560px){.sidebar{width:270px}.sidebar__item{padding:11px 13px;font-size:14.5px;gap:13px}.sidebar__subitem{padding:9px 13px 9px 46px;font-size:13.5px}.sidebar__brand{font-size:19px}.sidebar__product{font-size:11.5px;letter-spacing:2.2px}.sidebar__logo-icon{width:54px;height:54px}.sidebar__footer{padding:14px 10px}}@media(min-width:3840px){.sidebar{width:300px}.sidebar__item{padding:13px 16px;font-size:16px;gap:14px}.sidebar__subitem{padding:11px 16px 11px 52px;font-size:15px}.sidebar__brand{font-size:22px}.sidebar__product{font-size:12.5px;letter-spacing:2.5px}.sidebar__logo-icon{width:60px;height:60px;border-radius:16px}.sidebar__header{padding:20px}.sidebar__nav,.sidebar__footer{padding:16px 12px}.sidebar__collapse-btn{padding:13px 16px;font-size:15px}}.sidebar__logo-icon--img{background:#fff!important;overflow:hidden}.sidebar__logo-icon--img:after{display:none!important}.sidebar__logo-img{width:100%;height:100%;object-fit:cover;display:block}.header{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--header-height);background:var(--white);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:90;transition:left var(--transition)}.layout--collapsed .header{left:var(--sidebar-collapsed)}.header__left{display:flex;align-items:center;gap:16px}.header__menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--gray-600);transition:var(--transition)}.header__menu-btn:hover{background:var(--gray-100);color:var(--primary)}.header__search{display:flex;align-items:center;gap:8px;background:var(--gray-100);border-radius:var(--radius-sm);padding:8px 14px;min-width:280px}.header__search svg{color:var(--gray-400);flex-shrink:0}.header__search-input{background:transparent;font-size:14px;color:var(--dark);width:100%}.header__search-input::placeholder{color:var(--gray-400)}.header__right{display:flex;align-items:center;gap:8px}.header__icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);color:var(--gray-600);transition:var(--transition)}.header__icon-btn:hover{background:var(--gray-100);color:var(--primary)}.header__quickmenu-btn{background:linear-gradient(135deg,#6c3ce114,#06b6d414);color:var(--primary);border-radius:var(--radius-sm)}.header__quickmenu-btn:hover{background:linear-gradient(135deg,#6c3ce126,#06b6d426);color:var(--primary)}.header__notification-dot{position:absolute;top:8px;right:10px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--white)}.header__user{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);margin-left:8px}.header__user:hover{background:var(--gray-100)}.header__avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:var(--white)}.header__user-info{display:flex;flex-direction:column}.header__user-name{font-size:13px;font-weight:600;color:var(--dark);line-height:1.2}.header__user-role{font-size:11px;color:var(--gray-500);line-height:1.2}@media(max-width:1024px){.header__search{min-width:200px}}@media(max-width:768px){.header{left:0!important;padding:0 12px}.header__search,.header__user-info{display:none}.header__user{padding:6px 8px;margin-left:4px}.header__left{gap:8px}.header__right{gap:4px}}@media(max-width:480px){.header{padding:0 8px}.header__quickmenu-btn{display:none}}@media(max-width:1366px){.header{left:230px;padding:0 20px}.header__search{min-width:240px;padding:7px 12px}.header__search-input{font-size:13.5px}.header__icon-btn{width:36px;height:36px}.header__avatar{width:32px;height:32px}.header__user-name{font-size:12.5px}.header__user-role{font-size:10.5px}.header__user{padding:5px 10px;gap:8px}}@media(min-width:1921px){.header{left:280px;padding:0 32px}.header__search{min-width:360px;padding:10px 18px}.header__search-input{font-size:15px}.header__user-name{font-size:14px}.header__user-role{font-size:12px}}@media(min-width:2560px){.header{left:270px;padding:0 28px;height:64px}.header__search{min-width:320px;padding:9px 16px}.header__search-input{font-size:14.5px}.header__icon-btn{width:42px;height:42px}.header__avatar{width:36px;height:36px}.header__user-name{font-size:13.5px}.header__user-role{font-size:11.5px}}@media(min-width:3840px){.header{left:300px;padding:0 36px;height:72px}.header__search{min-width:400px;padding:12px 20px}.header__search-input{font-size:16px}.header__icon-btn{width:46px;height:46px}.header__avatar{width:40px;height:40px}.header__user-name{font-size:15px}.header__user-role{font-size:12.5px}.header__user{padding:8px 14px;gap:12px}}.quickmenu{position:fixed;inset:0;z-index:200}.quickmenu__backdrop{display:none}.quickmenu__container{width:100vw;height:100vh;background:var(--gray-50);display:flex;flex-direction:column;overflow:hidden;animation:qm-fade-in .2s ease}.quickmenu__header{display:flex;align-items:center;justify-content:space-between;padding:14px 40px;background:var(--white);border-bottom:1px solid var(--gray-200);flex-shrink:0}.quickmenu__header-left{display:flex;align-items:center;gap:14px}.quickmenu__logo-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:var(--white)}.quickmenu__title{font-size:18px;font-weight:700;color:var(--dark);margin:0;line-height:1.2}.quickmenu__subtitle{font-size:13px;color:var(--gray-500);margin:0}.quickmenu__header-actions{display:flex;align-items:center;gap:8px}.quickmenu__action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition-fast) ease}.quickmenu__action-btn--edit{background:var(--gray-100);color:var(--gray-600)}.quickmenu__action-btn--edit:hover{background:var(--gray-200);color:var(--dark)}.quickmenu__action-btn--save{background:var(--primary);color:var(--white)}.quickmenu__action-btn--save:hover{background:var(--primary-dark, #5a2ec0)}.quickmenu__action-btn--reset{background:var(--gray-100);color:var(--gray-600)}.quickmenu__action-btn--reset:hover{background:#ef44441a;color:var(--danger)}.quickmenu__close{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--gray-500);transition:var(--transition-fast)}.quickmenu__close:hover{background:var(--gray-100);color:var(--dark)}.quickmenu__tabs{display:flex;align-items:center;gap:0;padding:0 40px;background:var(--white);border-bottom:1px solid var(--gray-200);flex-shrink:0}.quickmenu__tab{padding:14px 32px;font-size:14px;font-weight:600;color:var(--gray-500);border-bottom:2px solid transparent;transition:var(--transition-fast);margin-bottom:-1px}.quickmenu__tab:hover{color:var(--dark)}.quickmenu__tab--active{color:var(--primary);border-bottom-color:var(--primary)}.quickmenu__edit-badge{margin-left:auto;padding:6px 14px;background:#f59e0b1a;color:#d97706;font-size:12px;font-weight:700;border-radius:20px;letter-spacing:.3px;animation:badge-pulse 2s ease infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.6}}.quickmenu__grid-wrapper{flex:1;overflow-y:auto;padding:32px 40px}.quickmenu__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:20px;align-content:start}.quickmenu__grid--editing{gap:16px}.quickmenu__card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px 12px;border-radius:var(--radius-md);border:1px solid var(--gray-200);background:var(--white);cursor:pointer;transition:var(--transition-fast);text-align:center;box-shadow:0 1px 3px #0000000a;aspect-ratio:1 / .85}.quickmenu__card:hover{border-color:var(--primary);box-shadow:0 8px 24px #6c3ce124;transform:translateY(-3px)}.quickmenu__card:active{transform:translateY(0);box-shadow:0 2px 8px #6c3ce11a}.quickmenu__card--editable{cursor:grab;border:2px solid transparent;box-shadow:none;animation:jiggle .3s ease infinite alternate;overflow:visible;z-index:1}.quickmenu__card--editable:before{content:"";position:absolute;inset:-3px;border-radius:calc(var(--radius-md) + 3px);background:conic-gradient(from var(--rainbow-angle, 0deg),#ff0080,#ff8c00,#ffef00,#00e86c,#00cfff,#6c3ce1,#ff00ff,#ff0080);z-index:-1;animation:rainbow-spin 2.5s linear infinite;opacity:.7}.quickmenu__card--editable:after{content:"";position:absolute;inset:0;border-radius:var(--radius-md);background:var(--white);z-index:-1}@property --rainbow-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rainbow-spin{to{--rainbow-angle: 360deg}}.quickmenu__card--editable:nth-child(2n){animation-delay:-.15s;animation-name:jiggle-reverse}.quickmenu__card--editable:nth-child(2n):before{animation-direction:reverse;animation-duration:3s}.quickmenu__card--editable:nth-child(3n){animation-duration:.35s;animation-delay:-.08s}.quickmenu__card--editable:nth-child(3n):before{animation-duration:2s}.quickmenu__card--editable:nth-child(5n){animation-duration:.28s;animation-delay:-.2s}.quickmenu__card--editable:hover{box-shadow:0 4px 16px #6c3ce126;animation-play-state:paused}.quickmenu__card--editable:hover:before{opacity:1}.quickmenu__card--editable:active{cursor:grabbing;animation-play-state:paused}.quickmenu__card--dragging{opacity:.3;transform:scale(.9) rotate(0)!important;animation:none!important}.quickmenu__card--dragging:before{animation:none!important;opacity:0!important}.quickmenu__card--over{border-color:transparent;background:var(--white);animation:jiggle-target .2s ease infinite alternate}.quickmenu__card--over:before{opacity:1;animation-duration:1s;filter:blur(2px);inset:-5px}@keyframes jiggle{0%{transform:rotate(-1.2deg) scale(1)}to{transform:rotate(1.2deg) scale(1)}}@keyframes jiggle-reverse{0%{transform:rotate(1.5deg) scale(1)}to{transform:rotate(-1deg) scale(1)}}@keyframes jiggle-target{0%{transform:scale(1.02)}to{transform:scale(1.05)}}.quickmenu__card-grip{position:absolute;top:6px;right:6px;color:var(--gray-400);opacity:.5}.quickmenu__card--editable:hover .quickmenu__card-grip{opacity:1;color:var(--primary)}.quickmenu__card-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--white);box-shadow:0 4px 12px #00000026,inset 0 1px 1px #ffffff40;transition:transform .2s ease,box-shadow .2s ease}.quickmenu__card:hover .quickmenu__card-icon{transform:scale(1.08);box-shadow:0 6px 20px #0003,inset 0 1px 1px #ffffff4d}.quickmenu__card-label{font-size:13px;font-weight:600;color:var(--gray-700);line-height:1.3;padding:0 4px}@keyframes qm-fade-in{0%{opacity:0}to{opacity:1}}.quickmenu__grid-wrapper::-webkit-scrollbar{width:6px}.quickmenu__grid-wrapper::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}.quickmenu__grid-wrapper::-webkit-scrollbar-thumb:hover{background:var(--gray-300)}@media(min-width:1800px){.quickmenu__grid{grid-template-columns:repeat(9,1fr)}}@media(max-width:1200px){.quickmenu__grid{grid-template-columns:repeat(6,1fr);gap:16px}.quickmenu__grid-wrapper{padding:24px 28px}}@media(max-width:900px){.quickmenu__grid{grid-template-columns:repeat(4,1fr);gap:14px}.quickmenu__card{padding:20px 8px;gap:12px}.quickmenu__card-icon{width:48px;height:48px}.quickmenu__grid-wrapper{padding:20px}.quickmenu__header{padding:12px 20px}.quickmenu__tabs{padding:0 20px}}@media(max-width:600px){.quickmenu__grid{grid-template-columns:repeat(3,1fr);gap:12px}.quickmenu__card{padding:16px 8px;gap:10px}.quickmenu__card-icon{width:40px;height:40px}.quickmenu__card-label{font-size:11px}.quickmenu__grid-wrapper{padding:16px}.quickmenu__action-btn span{display:none}}.layout{display:flex;min-height:100vh}.layout__main{flex:1;margin-left:var(--sidebar-width);transition:margin-left var(--transition);display:flex;flex-direction:column;min-width:0}.layout--collapsed .layout__main{margin-left:var(--sidebar-collapsed)}.layout__content{padding:clamp(16px,2vw,32px);margin-top:var(--header-height);flex:1;min-width:0;overflow-x:clip}.layout__main{min-width:0;overflow-x:clip}.trial-banner{background:linear-gradient(90deg,#6c3ce1,#06b6d4);color:#fff;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;z-index:99;position:sticky;top:0;animation:trialSlideIn .4s ease}@keyframes trialSlideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.trial-banner--urgent{background:linear-gradient(90deg,#dc2626,#ef4444);animation:trialSlideIn .4s ease,trialPulse 2s ease-in-out infinite}@keyframes trialPulse{0%,to{opacity:1}50%{opacity:.85}}.trial-banner__left{display:flex;align-items:center;gap:8px}.trial-banner__left strong{font-weight:800}.trial-banner__btn{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;padding:5px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;transition:background .2s;white-space:nowrap}.trial-banner__btn:hover{background:#ffffff59}.paywall-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.paywall-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:48px 40px;max-width:440px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080;animation:payCardPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes payCardPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.paywall-icon{width:72px;height:72px;background:linear-gradient(135deg,#6c3ce1,#06b6d4);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff}.paywall-card h2{font-size:24px;font-weight:800;color:#fff;margin:0 0 12px}.paywall-card p{font-size:14px;color:#ffffffa6;line-height:1.7;margin:0 0 28px}.paywall-btn{width:100%;padding:14px;background:linear-gradient(135deg,#6c3ce1,#06b6d4);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .15s,box-shadow .2s;margin-bottom:12px}.paywall-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6c3ce166}.paywall-logout{background:none;border:none;color:#ffffff73;font-size:13px;font-family:inherit;cursor:pointer;padding:6px;transition:color .2s}.paywall-logout:hover{color:#ffffffb3}.layout__overlay{display:none}.quickmenu-fab{position:fixed;bottom:28px;right:28px;z-index:150;display:flex;align-items:center;gap:10px;padding:14px 22px;background:linear-gradient(135deg,var(--primary),#8B5CF6);color:var(--white);border-radius:50px;box-shadow:0 6px 24px #6c3ce159;cursor:pointer;transition:var(--transition-fast);animation:fab-in .3s ease}.quickmenu-fab:hover{transform:translateY(-2px);box-shadow:0 10px 32px #6c3ce173}.quickmenu-fab:active{transform:translateY(0)}.quickmenu-fab__label{font-size:14px;font-weight:600;white-space:nowrap}@keyframes fab-in{0%{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.layout__main{margin-left:0!important}.layout__content{padding:14px}.layout__overlay{display:block;position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99;animation:overlayFadeIn .25s ease}.quickmenu-fab{bottom:20px;right:20px;padding:12px 18px}.quickmenu-fab__label{font-size:13px}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:480px){.layout__content{padding:10px}}@media(max-width:1366px){.layout__main{margin-left:230px}.layout--collapsed .layout__main{margin-left:var(--sidebar-collapsed)}.layout__content{padding:20px}.quickmenu-fab{padding:12px 18px}.quickmenu-fab__label{font-size:13px}}@media(min-width:1921px){.layout__main{margin-left:280px}.layout--collapsed .layout__main{margin-left:var(--sidebar-collapsed)}.layout__content{max-width:1800px;margin-top:var(--header-height);padding:32px 40px}}@media(min-width:2560px){.layout__main{margin-left:270px}.layout--collapsed .layout__main{margin-left:var(--sidebar-collapsed)}.layout__content{max-width:none;margin-top:var(--header-height);padding:28px 48px}}@media(min-width:3840px){.layout__main{margin-left:300px}.layout--collapsed .layout__main{margin-left:var(--sidebar-collapsed)}.layout__content{max-width:2000px;margin-left:auto;margin-right:auto;margin-top:var(--header-height);padding:36px 48px}}.login-root{position:fixed;inset:0;background:#1e293b;overflow:hidden;font-family:Inter,sans-serif}.login-blob{position:absolute;border-radius:50%;pointer-events:none;animation:blobFloat ease-in-out infinite}.login-blob--1{width:700px;height:700px;background:radial-gradient(circle,rgba(108,60,225,.45) 0%,transparent 70%);top:-250px;left:-150px;animation-duration:22s;animation-delay:0s}.login-blob--2{width:600px;height:600px;background:radial-gradient(circle,rgba(6,182,212,.38) 0%,transparent 70%);bottom:-200px;right:-100px;animation-duration:18s;animation-delay:-8s}.login-blob--3{width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.25) 0%,transparent 70%);top:40%;left:38%;animation-duration:26s;animation-delay:-15s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-60px) scale(1.06)}50%{transform:translate(-30px,40px) scale(.94)}75%{transform:translate(20px,20px) scale(1.03)}}.login-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}.login-particle{position:absolute;color:#fff;font-family:JetBrains Mono,Fira Code,monospace;font-weight:700;pointer-events:none;bottom:-80px;animation:particleRise linear infinite;-webkit-user-select:none;user-select:none}@keyframes particleRise{0%{transform:translateY(0) translate(0) rotate(0);opacity:var(--op)}50%{transform:translateY(-50vh) translate(20px) rotate(5deg);opacity:calc(var(--op) * .7)}to{transform:translateY(-110vh) translate(-10px) rotate(-3deg);opacity:0}}.login-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.025;pointer-events:none}.login-container{display:flex;height:100vh;opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);position:relative;z-index:1}.login-container--visible{opacity:1;transform:translateY(0)}.login-left{flex:1.15;display:flex;align-items:center;justify-content:center;padding:64px 56px;position:relative}.login-left__content{max-width:460px;width:100%}.login-logo{display:flex;align-items:center;gap:14px;margin-bottom:64px}.login-logo__icon{width:52px;height:52px;border-radius:14px;flex-shrink:0;box-shadow:0 0 0 1px #6c3ce14d,0 0 32px #6c3ce166;animation:logoPulse 4s ease-in-out infinite}@keyframes logoPulse{0%,to{box-shadow:0 0 0 1px #6c3ce14d,0 0 32px #6c3ce166}50%{box-shadow:0 0 0 1px #06b6d44d,0 0 40px #06b6d480}}.login-logo__name{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.6px;line-height:1}.login-logo__sub{font-size:11px;font-weight:700;color:#10b981;letter-spacing:3px;text-transform:uppercase;margin-top:3px}.login-left__heading h1{font-size:48px;font-weight:900;color:#fff;line-height:1.12;letter-spacing:-2px;margin:0 0 20px}.login-left__heading h1 .gradient-text{background:linear-gradient(135deg,#6c3ce1,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-left__heading p{font-size:15px;color:#ffffffbf;line-height:1.75;margin:0 0 44px;max-width:380px}.login-stats{display:flex;gap:0;margin-bottom:44px}.login-stat{flex:1;display:flex;flex-direction:column;gap:6px;padding:16px 20px;border-right:1px solid rgba(255,255,255,.07);position:relative}.login-stat:first-child{border-left:1px solid rgba(255,255,255,.07);border-radius:10px 0 0 10px}.login-stat:last-child{border-radius:0 10px 10px 0}.login-stat:before{content:"";position:absolute;inset:0;background:#ffffff05;border-radius:inherit}.login-stat svg{color:#6c3ce1}.login-stat__val{font-size:24px;font-weight:900;color:#fff;line-height:1;letter-spacing:-.5px}.login-stat__label{font-size:11px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.4px;font-weight:500}.login-chart{display:flex;align-items:flex-end;gap:3px;height:56px;padding:0 2px}.login-chart__bar{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#6c3ce1cc,#06b6d440);animation:barPulse 3s ease-in-out infinite alternate;transform-origin:bottom}@keyframes barPulse{0%{opacity:.45;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.login-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.login-pill{display:flex;align-items:center;gap:5px;padding:5px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-radius:100px;font-size:11px;font-weight:600;color:#ffffffb8;letter-spacing:.2px}.login-pill .dot{width:5px;height:5px;border-radius:50%;background:#10b981;flex-shrink:0}.login-right{flex:.85;display:flex;align-items:center;justify-content:center;padding:48px 56px;border-left:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,#ffffff14,#6c3ce11f);position:relative}.login-card{width:100%;max-width:420px}.login-card--shake{animation:cardShake .55s cubic-bezier(.36,.07,.19,.97)}@keyframes cardShake{0%,to{transform:translate(0)}10%{transform:translate(-9px)}20%{transform:translate(9px)}30%{transform:translate(-7px)}40%{transform:translate(7px)}50%{transform:translate(-5px)}60%{transform:translate(5px)}70%{transform:translate(-3px)}80%{transform:translate(3px)}90%{transform:translate(-1px)}}.login-card__header{margin-bottom:40px}.login-card__header h2{font-size:32px;font-weight:900;color:#fff;margin:0 0 8px;letter-spacing:-1px}.login-card__header p{font-size:14px;color:#ffffffb8;margin:0}.login-form{display:flex;flex-direction:column;gap:20px;margin-bottom:36px}.login-field label{display:block;font-size:11px;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:.8px;margin-bottom:9px}.login-input{width:100%;padding:14px 16px;background:#2d3f57;border:1px solid rgba(255,255,255,.28);border-radius:11px;color:#fff;font-size:14px;font-weight:500;font-family:Inter,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s,background-color .2s;box-sizing:border-box}.login-input:-webkit-autofill,.login-input:-webkit-autofill:hover,.login-input:-webkit-autofill:focus,.login-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #2D3F57 inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff;transition:background-color 9999s ease-out 0s}.login-input::placeholder{color:#ffffff73}.login-input:focus{border-color:#6c3ce1e6;background:#3a3a6e;box-shadow:0 0 0 3px #6c3ce138,0 0 24px #6c3ce11f}.login-input:focus:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #3a3a6e inset!important}.login-input--error{border-color:#ef4444cc!important;box-shadow:0 0 0 3px #ef44442e!important;background:#2d3f57!important;color:#fff!important}.login-input--error:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #2D3F57 inset!important;-webkit-text-fill-color:#fff!important}.login-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff80;cursor:pointer;padding:5px;display:flex;align-items:center;transition:color .2s}.login-eye:hover{color:#ffffffd9}.login-hata{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:9px;color:#fca5a5;font-size:13px;font-weight:500;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}}.login-btn{position:relative;width:100%;padding:15px;background:linear-gradient(135deg,#6c3ce1,#4b8cf5,#06b6d4);background-size:200% 200%;background-position:0% 50%;border:none;border-radius:11px;color:#fff;font-size:15px;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;transition:box-shadow .2s,transform .15s,background-position .4s;letter-spacing:-.2px}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #6c3ce18c,0 0 0 1px #6c3ce14d;background-position:100% 50%}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn__shimmer{position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.18) 50%,transparent 75%);background-size:200% 100%;animation:btnShimmer 2.4s ease-in-out infinite;pointer-events:none}@keyframes btnShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.login-btn__spinner{width:19px;height:19px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite}.login-trust{padding-top:24px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;gap:16px}.login-trust__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.login-trust__item{display:flex;align-items:center;gap:5px;font-size:11px;color:#ffffff6b;font-weight:500}.login-trust__item svg{opacity:.6}.login-trust__dot{width:3px;height:3px;border-radius:50%;background:#fff3;flex-shrink:0}.login-forgot{background:none;border:none;font-size:12px;font-weight:600;color:#6c3ce1bf;cursor:pointer;font-family:Inter,sans-serif;padding:0;transition:color .2s;letter-spacing:.1px}.login-forgot:hover{color:#6c3ce1}.login-footer{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:11px;color:#ffffff61;white-space:nowrap;font-weight:500}.login-tabs{display:flex;gap:6px;background:#ffffff0f;border-radius:12px;padding:5px;margin-bottom:28px;position:relative;overflow:visible}.login-tab{flex:1;padding:11px 0;border:none;border-radius:9px;background:transparent;color:#ffffff80;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition) ease;letter-spacing:.2px;position:relative;overflow:hidden}.login-tab--active:not(.login-tab--demo){background:linear-gradient(135deg,#6c3ce1,#06b6d4);color:#fff;box-shadow:0 2px 12px #6c3ce159}.login-tab--demo{background:linear-gradient(270deg,#ff0080,#ff8c00,#40e0d0,#7b68ee,#ff0080);background-size:600% 600%;animation:discoGradient 3s ease infinite;color:#fff;font-weight:800;font-size:13.5px;letter-spacing:.5px;text-shadow:0 1px 4px rgba(0,0,0,.3);box-shadow:0 0 12px #ff008066,0 0 24px #40e0d040,0 0 40px #7b68ee26}.login-tab--demo:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);background-size:200% 100%;animation:discoShimmer 1.8s ease-in-out infinite;pointer-events:none;border-radius:inherit;overflow:hidden}.login-tab--demo{overflow:visible}.login-tab--demo:after{content:"14 Gün Ücretsiz";position:absolute;top:-10px;right:-4px;background:#ff0050;color:#fff;font-size:8.5px;font-weight:800;padding:3px 7px;border-radius:6px;letter-spacing:.5px;text-shadow:none;animation:badgePulse 1.5s ease-in-out infinite;box-shadow:0 2px 8px #ff005080;z-index:2;white-space:nowrap}@keyframes discoGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes discoShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes badgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.85}}.login-tab:not(.login-tab--active):not(.login-tab--demo):hover{color:#fffc;background:#ffffff0f}.login-field-row{display:flex;gap:12px}.login-field-row .login-field{flex:1;min-width:0}.login-textarea{resize:vertical;min-height:60px;max-height:120px;line-height:1.5;font-family:inherit}.demo-success{text-align:center;padding:24px 0;animation:fadeIn .4s ease}.demo-success__icon{color:#10b981;margin-bottom:16px;animation:successPop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes successPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.demo-success h2{font-size:24px;font-weight:800;color:#fff;margin:0 0 12px}.demo-success p{font-size:14px;color:#ffffffb3;margin:0 0 8px;line-height:1.6}.demo-success__sub{font-size:12px!important;color:#6c3ce1e6!important;font-weight:600}@media(max-width:900px){.login-left{display:none}.login-right{flex:1;padding:32px 24px;border-left:none}.login-card{max-width:100%}.login-field-row{flex-direction:column;gap:20px}}@media(max-width:480px){.login-right{padding:24px 16px}.login-card__header{margin-bottom:28px}.login-card__header h2{font-size:26px}.login-form{gap:16px;margin-bottom:28px}.login-input{padding:12px 14px;font-size:14px}.login-btn{padding:13px;font-size:14px}.login-trust__row{gap:6px}.login-trust__item,.login-footer{font-size:10px}}@media(min-width:1921px){.login-left__heading h1{font-size:56px}.login-left__heading p{font-size:17px;max-width:440px}.login-logo__name{font-size:26px}.login-stat__val{font-size:28px}.login-card__header h2{font-size:36px}.login-input{padding:16px 18px;font-size:15px}.login-btn{padding:17px;font-size:16px}}@media(min-width:2560px){.login-left{padding:64px}.login-left__content{max-width:500px}.login-left__heading h1{font-size:52px}.login-left__heading p{font-size:16px;max-width:420px;line-height:1.8}.login-logo__name{font-size:24px}.login-logo__icon{width:56px;height:56px}.login-stat__val{font-size:26px}.login-stat__label{font-size:11.5px}.login-card{max-width:460px}.login-card__header h2{font-size:34px}.login-card__header p{font-size:14.5px}.login-input{padding:15px 17px;font-size:14.5px;border-radius:12px}.login-btn{padding:16px;font-size:15.5px;border-radius:12px}.login-field label,.login-trust__item{font-size:11.5px}.login-forgot{font-size:12.5px}.login-footer{font-size:11.5px}.login-pill{font-size:11.5px;padding:6px 14px}}@media(min-width:3840px){.login-left{padding:80px}.login-left__content{max-width:580px}.login-left__heading h1{font-size:64px}.login-left__heading p{font-size:18px;max-width:480px;line-height:1.85}.login-logo__name{font-size:28px}.login-logo__icon{width:64px;height:64px;border-radius:18px}.login-logo__sub{font-size:13px;letter-spacing:3.5px}.login-stat__val{font-size:30px}.login-stat__label{font-size:12.5px}.login-stat{padding:20px 24px}.login-right{padding:64px 80px}.login-card{max-width:500px}.login-card__header{margin-bottom:48px}.login-card__header h2{font-size:40px}.login-card__header p{font-size:16px}.login-form{gap:24px;margin-bottom:40px}.login-input{padding:18px 20px;font-size:16px;border-radius:14px}.login-btn{padding:19px;font-size:17px;border-radius:14px}.login-field label{font-size:12.5px;margin-bottom:11px}.login-trust__item{font-size:12.5px}.login-forgot{font-size:13.5px}.login-footer{font-size:12.5px}.login-pill{font-size:12.5px;padding:7px 16px}.login-chart{height:72px}.login-blob--1{width:900px;height:900px}.login-blob--2{width:800px;height:800px}.login-blob--3{width:550px;height:550px}}.login-logo__icon--img{background:#fff!important;box-shadow:0 8px 24px #00000040!important;animation:none!important;width:64px;height:64px;overflow:hidden}.login-logo__icon--img img{width:100%;height:100%;object-fit:cover;display:block}.dashboard__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.dashboard__title{font-size:clamp(18px,2vw,26px);font-weight:700;color:var(--dark)}.dashboard__subtitle{font-size:clamp(12px,1.2vw,14px);color:var(--gray-500);margin-top:4px}.dashboard__actions{display:flex;gap:8px}.dashboard__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{padding:20px}.stat-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat-card__title{font-size:13px;font-weight:500;color:var(--gray-500)}.stat-card__icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.stat-card__icon--primary{background:#6c3ce11a;color:var(--primary)}.stat-card__icon--success{background:#10b9811a;color:var(--success)}.stat-card__icon--danger{background:#ef44441a;color:var(--danger)}.stat-card__icon--warning{background:#f59e0b1a;color:var(--warning)}.stat-card__value{font-size:clamp(20px,2.2vw,28px);font-weight:800;color:var(--dark);line-height:1;margin-bottom:8px}.stat-card__change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.stat-card__change--up{color:var(--success)}.stat-card__change--down{color:var(--danger)}.dashboard__grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card__title{font-size:clamp(14px,1.2vw,16px);font-weight:700;color:var(--dark)}.tx-desc{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--dark)}.tx-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tx-dot--gelir{background:var(--success)}.tx-dot--gider{background:var(--danger)}.tx-amount{font-weight:600}.tx-amount--gelir{color:var(--success)}.tx-amount--gider{color:var(--danger)}.upcoming-list{display:flex;flex-direction:column;gap:4px}.upcoming-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.upcoming-item:hover{background:var(--gray-50)}.upcoming-item__info{display:flex;align-items:center;gap:12px;min-width:0}.upcoming-item__type{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upcoming-item__type--alacak{background:#10b9811a;color:var(--success)}.upcoming-item__type--borc{background:#ef44441a;color:var(--danger)}.upcoming-item__desc{font-size:14px;font-weight:500;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-item__date{font-size:12px;color:var(--gray-500);margin-top:2px}.upcoming-item__amount{font-size:14px;font-weight:700;white-space:nowrap;flex-shrink:0;margin-left:8px}.upcoming-item__amount--alacak{color:var(--success)}.upcoming-item__amount--borc{color:var(--danger)}.dashboard__row-2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:24px}@media(max-width:1366px){.dashboard__header{margin-bottom:20px}.dashboard__stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.dashboard__grid{grid-template-columns:1.5fr 1fr;gap:12px}.dashboard__row-2{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px}.stat-card{padding:16px}.stat-card__icon{width:36px;height:36px}.stat-card__title{font-size:12px}.stat-card__value{font-size:22px;margin-bottom:6px}.stat-card__header{margin-bottom:10px}.stat-card__change{font-size:11.5px}.card__title{font-size:14px}.card__header{margin-bottom:12px}.upcoming-item{padding:10px}.upcoming-item__desc,.upcoming-item__amount{font-size:13px}.upcoming-item__date{font-size:11.5px}}@media(max-width:1024px){.dashboard__row-2{grid-template-columns:1fr 1fr}}@media(max-width:768px){.dashboard__header{flex-direction:column;gap:12px}.dashboard__stats{grid-template-columns:1fr 1fr}.dashboard__grid,.dashboard__row-2{grid-template-columns:1fr}.dashboard__actions{width:100%}.dashboard__actions .btn{flex:1}.upcoming-item{padding:10px 8px}.upcoming-item__desc{font-size:13px;max-width:140px}.upcoming-item__amount{font-size:13px}}@media(max-width:480px){.dashboard__stats{grid-template-columns:1fr}.stat-card{padding:16px}}@media(min-width:1921px){.dashboard__stats{grid-template-columns:repeat(4,1fr);gap:20px}.dashboard__grid{grid-template-columns:1.6fr 1fr;gap:20px}.dashboard__row-2{grid-template-columns:1fr 1fr 1fr;gap:20px}.stat-card{padding:24px}.stat-card__title{font-size:14px}.stat-card__value{font-size:32px}.card__title{font-size:18px}.upcoming-item__desc,.upcoming-item__amount{font-size:15px}}@media(min-width:2560px){.dashboard__header{margin-bottom:28px}.dashboard__stats{grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:28px}.dashboard__grid{grid-template-columns:1.6fr 1fr;gap:22px}.dashboard__row-2{grid-template-columns:1fr 1fr 1fr;gap:22px;margin-bottom:28px}.stat-card{padding:22px}.stat-card__icon{width:44px;height:44px}.stat-card__title{font-size:13.5px}.stat-card__value{font-size:30px}.stat-card__change{font-size:12.5px}.card__title{font-size:17px}.upcoming-item{padding:13px}.upcoming-item__desc,.upcoming-item__amount{font-size:14.5px}.upcoming-item__date{font-size:12.5px}}@media(min-width:3840px){.dashboard__header{margin-bottom:32px}.dashboard__stats{grid-template-columns:repeat(5,1fr);gap:26px;margin-bottom:32px}.dashboard__grid{grid-template-columns:1.6fr 1fr;gap:26px}.dashboard__row-2{grid-template-columns:1fr 1fr 1fr;gap:26px;margin-bottom:32px}.stat-card{padding:28px}.stat-card__icon{width:50px;height:50px}.stat-card__title{font-size:15px}.stat-card__value{font-size:34px}.stat-card__change{font-size:13.5px}.card__title{font-size:19px}.card__header{margin-bottom:20px}.upcoming-item{padding:16px}.upcoming-item__desc,.upcoming-item__amount{font-size:16px}.upcoming-item__date{font-size:13.5px}}.vmode-overlay{position:fixed;inset:0;z-index:99999;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:vmode-fadein .3s ease}@keyframes vmode-fadein{0%{opacity:0}to{opacity:1}}.vmode-card{background:#1e1e2e;border-radius:20px;padding:36px 28px 28px;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080;animation:vmode-slideup .35s ease}@keyframes vmode-slideup{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.vmode-icon-top{color:var(--vmode-accent, #6C3CE1);margin-bottom:12px}.vmode-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 6px}.vmode-desc{color:#94a3b8;font-size:14px;margin:0 0 24px}.vmode-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.vmode-btn{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;border:2px solid #2d2d3f;background:#16162a;color:#fff;cursor:pointer;text-align:left;transition:var(--transition-fast) ease}.vmode-btn:active{transform:scale(.97)}.vmode-btn span{font-size:15px;font-weight:600;display:block}.vmode-btn small{font-size:12px;color:#64748b;display:block;margin-top:2px}.vmode-btn svg{flex-shrink:0}.vmode-btn-mobile:hover,.vmode-btn-mobile:focus{border-color:var(--vmode-accent, #6C3CE1);background:#6c3ce11a}.vmode-btn-mobile:hover svg,.vmode-btn-mobile:focus svg{color:var(--vmode-accent, #6C3CE1)}.vmode-btn-desktop:hover,.vmode-btn-desktop:focus{border-color:#06b6d4;background:#06b6d41a}.vmode-btn-desktop:hover svg,.vmode-btn-desktop:focus svg{color:#06b6d4}.vmode-hint{color:#475569;font-size:12px;margin:0}:root{--primary: #6C3CE1;--primary-light: #8B5CF6;--primary-dark: #5528CC;--secondary: #06B6D4;--secondary-light: #22D3EE;--accent: #F59E0B;--accent-light: #FBBF24;--success: #10B981;--success-light: #34D399;--danger: #EF4444;--danger-light: #F87171;--warning: #F59E0B;--info: #3B82F6;--dark: #0F172A;--dark-light: #1E293B;--white: #FFFFFF;--gray-900: #111827;--gray-800: #1F2937;--gray-700: #374151;--gray-600: #4B5563;--gray-500: #6B7280;--gray-400: #9CA3AF;--gray-300: #D1D5DB;--gray-200: #E5E7EB;--gray-100: #F3F4F6;--gray-50: #F9FAFB;--muted: #64748B;--muted-light: #94A3B8;--slate-100: #F1F5F9;--danger-dark: #DC2626;--warning-dark: #F97316;--indigo: #6366F1;--link: #2563EB;--success-dark: #059669;--purple: #7C3AED;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Inter", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-numeric: tabular-nums;--radius-sm: 6px;--radius: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--shadow-xl: 0 24px 60px rgba(0, 0, 0, .16);--shadow-glow: 0 0 60px rgba(108, 60, 225, .15);--transition: background-color .3s ease, transform .3s ease, opacity .3s ease, box-shadow .3s ease, border-color .3s ease, color .3s ease;--transition-fast: background-color .15s ease, transform .15s ease, opacity .15s ease, color .15s ease;--sidebar-width: 260px;--sidebar-collapsed: 64px;--header-height: 60px;--brand-gradient: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);--brand-gradient-vivid: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);--tint-primary: linear-gradient(135deg, rgba(108,60,225,.08), rgba(108,60,225,.03));--tint-success: linear-gradient(135deg, rgba(16,185,129,.08), rgba(16,185,129,.03));--tint-danger: linear-gradient(135deg, rgba(239,68,68,.08), rgba(239,68,68,.03));--tint-warning: linear-gradient(135deg, rgba(245,158,11,.08), rgba(245,158,11,.03));--purple-soft-bg: linear-gradient(135deg, #F3EEFF, #E5D9FF);--surface-50: #F8FAFC;--surface-row-alt: #FAFBFC;--border-default: #E2E8F0;--border-subtle: #E7E9ED;--border-divider: #F1F5F9;--bg-purple-soft: #F3EEFF;--bg-purple-soft-strong: #E5D9FF;--bg-success-soft: #DCFCE7;--bg-success-tint: #F0FDF4;--bg-danger-soft: #FEE2E2;--bg-warning-soft: #FEF3C7;--success-mid: #16a34a;--warning-mid: #B45309}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(14px,.9vw + .5rem,16px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);color:var(--dark);background:var(--gray-50);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:var(--font);background:transparent}input,select,textarea{font-family:var(--font);outline:none;border:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}[style*=font-mono],.text-right.font-mono,.table td.text-right,.table th.text-right{font-variant-numeric:tabular-nums}.table td,.table th{font-feature-settings:"tnum" 1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;transition:var(--transition);white-space:nowrap;line-height:1}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px #6c3ce14d}.btn-secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-success{background:var(--success);color:var(--white)}.btn-success:hover{background:#059669}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:15px}.form-input{width:100%;padding:10px 14px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:14px;color:var(--dark);background:var(--white);transition:var(--transition)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c3ce11a}.form-input::placeholder{color:var(--gray-400)}.form-label{display:block;font-size:13px;font-weight:600;color:var(--gray-700);margin-bottom:6px}.card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);padding:24px;transition:var(--transition)}.card:hover{box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600;line-height:1}.badge-success{background:#10b9811a;color:var(--success)}.badge-danger{background:#ef44441a;color:var(--danger)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-info{background:#3b82f61a;color:var(--info)}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.container,.card,.page-content{max-width:100vw;overflow-x:auto;-webkit-overflow-scrolling:touch}}.table{width:100%;border-collapse:collapse;min-width:500px}.table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-200);background:var(--gray-50);white-space:nowrap}.table th.text-right{text-align:right!important}.table th.text-center{text-align:center!important}.table th.text-left{text-align:left!important}.table td.text-right{text-align:right!important}.table td.text-center{text-align:center!important}.table tfoot td.text-right{text-align:right!important}.table td{padding:12px 16px;font-size:14px;color:var(--gray-700);border-bottom:1px solid var(--gray-100);vertical-align:middle}.table tr:hover td{background:var(--gray-50)}.table tr:last-child td{border-bottom:none}@keyframes orko-toast-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes successPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes checkDraw{0%{stroke-dashoffset:28}to{stroke-dashoffset:0}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-muted{color:var(--gray-500)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.w-full{width:100%}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mt-2{margin-top:8px}.rounded{border-radius:6px}.rounded-lg{border-radius:8px}.border{border:1px solid var(--gray-200)}.bg-white{background:#fff}.bg-gray-50{background:var(--gray-50)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.5px}.spinner{width:24px;height:24px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.detail-field{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:13px;font-weight:500;color:var(--gray-800)}.detail-grid{padding:14px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px 24px}.detail-card{background:#fff;border:1px solid var(--gray-200);border-radius:6px;padding:12px 16px}.detail-header{padding:14px 24px 10px;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.icon-box{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.icon-box-sm{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.table th{padding:10px 12px;font-size:11px}.table td{padding:10px 12px;font-size:13px}.card{padding:16px}.btn{padding:8px 16px;font-size:13px}.btn-lg{padding:12px 20px;font-size:14px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr);padding:10px 16px;gap:10px 16px}}@media(max-width:480px){.detail-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media(max-width:1280px)and (min-width:1024px){html{font-size:clamp(13px,.75vw + 10px,14.5px)}}@media(max-width:1366px)and (min-width:1281px){html{font-size:clamp(13.5px,.8vw + 10px,15px)}}@media(max-width:1366px){html{font-size:14.5px}.table th{padding:10px 13px;font-size:11.5px}.table td{padding:10px 13px;font-size:13.5px}.card{padding:20px}.btn{padding:9px 18px;font-size:13.5px}.btn-lg{padding:12px 24px;font-size:14.5px}.form-input{padding:9px 12px;font-size:13.5px}.form-label{font-size:12.5px}.grid-4{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:repeat(3,1fr);padding:12px 20px;gap:12px 20px}.badge{padding:3px 9px;font-size:11.5px}}@media(min-width:1921px){html{font-size:clamp(15px,.45vw + 10px,17px)}::-webkit-scrollbar{width:8px}.table th{padding:14px 20px;font-size:13px}.table td{padding:14px 20px;font-size:15px}.card{padding:28px}.btn{padding:12px 24px;font-size:15px}.btn-lg{padding:16px 32px;font-size:16px}.grid-4{grid-template-columns:repeat(5,1fr)}.grid-3{grid-template-columns:repeat(4,1fr)}.detail-grid{grid-template-columns:repeat(5,1fr);padding:16px 28px;gap:16px 28px}}@media(min-width:2560px){html{font-size:clamp(15.5px,.4vw + 11px,17px)}::-webkit-scrollbar{width:8px}.table th{padding:14px 20px;font-size:13px}.table td{padding:14px 20px;font-size:15px}.card{padding:28px;border-radius:var(--radius-lg)}.btn{padding:12px 24px;font-size:15px}.btn-lg{padding:15px 30px;font-size:15.5px}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px}.detail-grid{grid-template-columns:repeat(5,1fr);padding:16px 28px;gap:16px 28px}.form-input{padding:11px 16px;font-size:14.5px}.form-label{font-size:13.5px}.badge{padding:5px 12px;font-size:12.5px}}@media(min-width:3840px){html{font-size:17.5px}::-webkit-scrollbar{width:10px}.table th{padding:16px 24px;font-size:14px}.table td{padding:16px 24px;font-size:16px}.card{padding:32px;border-radius:var(--radius-xl)}.btn{padding:14px 28px;font-size:16px}.btn-lg{padding:18px 36px;font-size:17px}.grid-4{grid-template-columns:repeat(6,1fr);gap:26px}.grid-3{grid-template-columns:repeat(5,1fr);gap:26px}.detail-grid{grid-template-columns:repeat(6,1fr);padding:20px 32px;gap:20px 32px}.form-input{padding:13px 18px;font-size:16px}.form-label{font-size:14px}.badge{padding:6px 14px;font-size:13.5px}}