#app #sidebar{background:radial-gradient(ellipse at top left,#103b59 0,transparent 48%),linear-gradient(160deg,#061e34,#021222);padding:14px 12px!important;border-right:1px solid #23607a;scrollbar-width:thin;scrollbar-color:#236979 transparent}
#app #sidebar .side-brand{padding:6px 3px 15px;gap:10px;margin-bottom:8px;border-bottom:1px solid #245269}#app #sidebar .side-brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 8px #25b9d240)}#app #sidebar .side-brand b{font:700 12px/1.4 'Segoe UI',sans-serif!important;color:#edf8ff}#app #sidebar .side-brand span{font:11px/1.45 'Segoe UI',sans-serif!important;color:#a3c5d8}#app #sidebar .side-brand small{font:700 11px 'Segoe UI',sans-serif!important;color:#48dfda;letter-spacing:1px;margin-top:7px}
#app #sidebar .side-group{display:flex;align-items:center;gap:8px;margin:15px 4px 8px!important;padding:0!important;font:700 10px/1.4 'Segoe UI',sans-serif!important;letter-spacing:1.5px;color:#81b6d0}#app #sidebar .side-group:after{content:'';height:1px;background:linear-gradient(90deg,#24516a,transparent);flex:1}
#app #sidebar .nav{--nav-color:#50cfff;position:relative;isolation:isolate;display:flex!important;align-items:center;gap:11px;width:100%;min-height:53px;height:53px;margin:0 0 7px!important;padding:8px 29px 8px 10px!important;border:1px solid #214762!important;border-radius:12px!important;background:linear-gradient(115deg,#11304b,#071c30 70%)!important;color:#edf7ff!important;font:600 14px/1.25 'Segoe UI',Arial,sans-serif!important;box-shadow:inset 0 1px #ffffff08,0 3px 8px #00000025;text-align:left;white-space:normal;transition:transform .22s,border-color .22s,box-shadow .22s;flex-shrink:0}
#app #sidebar .nav:after{content:'›';position:absolute;right:10px;top:50%;transform:translateY(-50%);font:25px 'Segoe UI';color:#8abed8}
#app #sidebar .nav svg{width:34px!important;height:34px!important;min-width:34px;padding:7px;border:1px solid color-mix(in srgb,var(--nav-color) 40%,transparent);border-radius:9px;background:radial-gradient(at 30% 20%,#ffffff20,transparent),linear-gradient(145deg,#153d55,#041d30);color:var(--nav-color)!important;filter:drop-shadow(0 2px 3px #0005)}
#app #sidebar .nav[data-page=borc],#app #sidebar .nav[data-page=checks]{--nav-color:#ffce6d}#app #sidebar .nav[data-page=yukle],#app #sidebar .nav[data-page=makbuz]{--nav-color:#35edcf}#app #sidebar .nav[data-page=expenses]{--nav-color:#b88bff}#app #sidebar .nav[data-page=trash]{--nav-color:#bad4e4}
#app #sidebar .nav:hover{transform:translateY(-2px);border-color:var(--nav-color)!important;box-shadow:0 5px 18px #00bde520,inset 0 1px #ffffff18}
#app #sidebar .nav.active{background:linear-gradient(110deg,#075386,#0a314d 60%,#064561)!important;border-color:#31d9f2!important;box-shadow:inset 4px 0 #3bf1ef,0 0 13px #00d7f526;animation:navGlow 4s ease-in-out infinite}
#app #sidebar .nav:focus-visible{outline:2px solid #93ffff;outline-offset:2px}
#app #sidebar .nav .badge{margin-left:auto;min-width:23px;height:23px;padding:3px 5px;border:1px solid #26bcc7;border-radius:20px;background:#063a48;color:#b4fffa;font:600 11px 'Segoe UI'}
#app #sidebar .nav[hidden],#app #sidebar .badge[hidden]{display:none!important}
#app #sidebar .side-user-foot{margin-top:14px;padding-top:14px;border-top:1px solid #25485c}#app #sidebar .side-foot-note{font:11px/1.5 'Segoe UI',sans-serif;color:#709caf}#app #sidebar .user i{background:linear-gradient(140deg,#075b84,#072338);border:1px solid #28c4d7;box-shadow:0 0 12px #1fcee322}
@keyframes navGlow{0%,100%{box-shadow:inset 4px 0 #3bf1ef,0 0 10px #00d7f51a}50%{box-shadow:inset 4px 0 #68ffff,0 0 17px #00d7f536}}
@media(prefers-reduced-motion:reduce){#app #sidebar .nav{animation:none!important;transition:none!important}}
@media(min-width:901px){#app{grid-template-columns:265px minmax(0,1fr)!important}#app #sidebar{width:265px!important}}
@media(max-height:820px) and (min-width:901px){#app #sidebar .nav{height:47px;min-height:47px;margin-bottom:5px!important;font-size:13px!important}#app #sidebar .side-group{margin-top:11px!important}#app #sidebar .nav svg{width:30px!important;height:30px!important;min-width:30px;padding:6px}}