@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Regular-8W0DXcRc.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Medium-CixG9-aE.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-SemiBold-Ceft983O.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Bold-DLhjZX5R.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Italic-BF2YSGCb.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Geist;src:url(/assets/Geist-Regular-CBiHZt9m.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/assets/Geist-Medium-Crpai-Sx.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/assets/Geist-SemiBold-CXe3XPE4.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/assets/Geist-Bold-MR0aeCLH.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/assets/Geist-Light-BwNLdiaM.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}:root{--color-primary: #de0000;--color-primary-hover: #ff2222;--color-primary-active: #b80000;--color-primary-glow: rgba(222, 0, 0, .3);--color-bg-body: #121212;--color-bg-header: #1a1a1a;--color-bg-sidebar: #1e1e1e;--color-bg-content: #121212;--color-bg-sidebar-hover: #2a2a2a;--color-bg-sidebar-active: #2e1010;--color-text: #e0e0e0;--color-text-muted: #888;--color-text-heading: #fff;--color-border: #333;--color-scrollbar-thumb: #444;--color-scrollbar-thumb-hover: #555;--color-scrollbar-track: #1a1a1a;--font-primary: "JetBrains Mono", monospace;--font-secondary: "Geist", system-ui, -apple-system, sans-serif;--header-height: 56px;--sidebar-width: 260px;--sidebar-collapsed-width: 0px;--breakpoint-mobile: 768px;--transition-speed: .25s;--transition-speed-fast: .15s;--transition-speed-slow: .4s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-header: 100;--z-sidebar: 90;--z-overlay: 80;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;font-family:var(--font-secondary);font-size:14px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;width:100%}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-speed-fast) var(--ease-out-expo)}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;transition:all var(--transition-speed-fast) var(--ease-out-expo)}ul,ol{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-sm);transition:background var(--transition-speed-fast) ease}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.app-layout{width:100%;height:100%;display:flex;flex-direction:column}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--color-bg-header);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 16px;z-index:var(--z-header);gap:12px}.app-header__menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);font-size:20px;color:var(--color-text);transition:background-color var(--transition-speed) var(--ease-out-expo),transform var(--transition-speed-fast) var(--ease-out-back)}.app-header__menu-btn:hover{background-color:var(--color-bg-sidebar-hover)}.app-header__menu-btn:active{transform:scale(.95)}@media(max-width:768px){.app-header__menu-btn{display:flex}}.app-header__logo{display:flex;align-items:center;gap:10px;transition:opacity var(--transition-speed) var(--ease-out-expo)}.app-header__logo:hover{opacity:.8}.app-header__logo-icon{width:32px;height:32px;background-color:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;transition:transform var(--transition-speed) var(--ease-out-back),box-shadow var(--transition-speed) var(--ease-out-expo)}.app-header__logo:hover .app-header__logo-icon{box-shadow:0 0 12px var(--color-primary-glow)}.app-header__logo-text{width:50%;min-width:100px;transition:transform var(--transition-speed) var(--ease-out-expo)}.app-header__spacer{flex:1}.app-header__actions{display:flex;align-items:center;gap:8px}.app-header__action-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text);transition:background-color var(--transition-speed) var(--ease-out-expo),transform var(--transition-speed-fast) var(--ease-out-back)}.app-header__action-link:hover{background-color:var(--color-bg-sidebar-hover)}.app-header__action-link:active{transform:scale(.95)}.page-dashboard{animation:fadeInUp var(--transition-speed-slow) var(--ease-out-expo)}.page-dashboard__title{font-family:var(--font-primary);font-size:24px;font-weight:700;color:var(--color-text-heading);margin-bottom:16px}.page-dashboard__description{color:var(--color-text-muted);margin-bottom:24px;line-height:1.6}.page-dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.page-dashboard__card{background-color:var(--color-bg-header);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;transition:transform var(--transition-speed) var(--ease-out-back),box-shadow var(--transition-speed) var(--ease-out-expo),border-color var(--transition-speed) var(--ease-out-expo)}.page-dashboard__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.page-dashboard__card-title{font-size:14px;color:var(--color-text-muted);margin-bottom:8px}.page-dashboard__card-value{font-family:var(--font-primary);font-size:28px;font-weight:700;color:var(--color-primary)}.page-settings{animation:fadeInUp var(--transition-speed-slow) var(--ease-out-expo)}.page-settings__title{font-family:var(--font-primary);font-size:24px;font-weight:700;color:var(--color-text-heading);margin-bottom:16px}.page-settings__description{color:var(--color-text-muted);margin-bottom:24px;line-height:1.6}.page-settings__section{background-color:var(--color-bg-header);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;margin-bottom:16px;transition:transform var(--transition-speed) var(--ease-out-back),box-shadow var(--transition-speed) var(--ease-out-expo),border-color var(--transition-speed) var(--ease-out-expo)}.page-settings__section:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.page-settings__section-title{font-family:var(--font-primary);font-size:16px;font-weight:600;color:var(--color-text-heading);margin-bottom:12px}.page-settings__section-text{color:var(--color-text-muted);font-size:13px}.page-converter{animation:fadeInUp var(--transition-speed-slow) var(--ease-out-expo)}.page-converter__title{font-family:var(--font-primary);font-size:24px;font-weight:700;color:var(--color-text-heading);margin-bottom:16px}.page-converter__description{color:var(--color-text-muted);line-height:1.6}.page-generator{animation:fadeInUp var(--transition-speed-slow) var(--ease-out-expo)}.page-generator__title{font-family:var(--font-primary);font-size:24px;font-weight:700;color:var(--color-text-heading);margin-bottom:16px}.page-generator__description{color:var(--color-text-muted);line-height:1.6}.page-formatter{animation:fadeInUp var(--transition-speed-slow) var(--ease-out-expo)}.page-formatter__title{font-family:var(--font-primary);font-size:24px;font-weight:700;color:var(--color-text-heading);margin-bottom:16px}.page-formatter__description{color:var(--color-text-muted);line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);background-color:var(--color-bg-sidebar);border-right:1px solid var(--color-border);overflow-y:auto;overflow-x:hidden;z-index:var(--z-sidebar);transition:transform var(--transition-speed) var(--ease-out-expo);display:flex;flex-direction:column}.app-sidebar--collapsed{transform:translate(-100%)}.app-sidebar__nav{padding:8px 0;flex:1}.app-sidebar__category:not(:last-child){border-bottom:1px solid var(--color-border);margin-bottom:4px;padding-bottom:4px}.app-sidebar__category-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-speed) var(--ease-out-expo)}.app-sidebar__category-header:hover{color:var(--color-text)}.app-sidebar__category-chevron{display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-speed) var(--ease-out-back)}.app-sidebar__category-chevron--expanded{transform:rotate(90deg)}.app-sidebar__items{overflow:hidden;max-height:0;transition:max-height var(--transition-speed-slow) var(--ease-out-expo)}.app-sidebar__items--expanded{max-height:500px}.app-sidebar__item{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 24px;color:var(--color-text);font-size:13px;cursor:pointer;transition:background-color var(--transition-speed) var(--ease-out-expo),color var(--transition-speed) var(--ease-out-expo),border-color var(--transition-speed) var(--ease-out-expo),transform var(--transition-speed-fast) var(--ease-out-expo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:3px solid transparent;text-decoration:none}.app-sidebar__item:hover{background-color:var(--color-bg-sidebar-hover)}.app-sidebar__item--active{background-color:var(--color-bg-sidebar-active);color:var(--color-primary);border-right-color:var(--color-primary)}.app-sidebar__item-icon{flex-shrink:0;width:18px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform var(--transition-speed-fast) var(--ease-out-back)}.app-sidebar__item-label{overflow:hidden;text-overflow:ellipsis}.app-sidebar__footer{border-top:1px solid var(--color-border);padding:12px;display:flex;flex-direction:column;gap:8px;font-size:10px;color:var(--color-text-muted);text-align:center}.app-sidebar__footer-text{line-height:1.4}.app-sidebar__footer-link{color:var(--color-primary);text-decoration:none;transition:opacity var(--transition-speed) var(--ease-out-expo)}.app-sidebar__footer-link:hover{opacity:.8}.app-sidebar__footer-links{display:flex;align-items:center;justify-content:center;gap:6px}.app-sidebar__footer-nav-link{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-speed) var(--ease-out-expo)}.app-sidebar__footer-nav-link:hover{color:var(--color-text)}.app-sidebar__footer-separator{opacity:.5}@media(max-width:768px){.app-sidebar{transform:translate(-100%)}.app-sidebar--open{transform:translate(0)}}.app-sidebar-overlay{display:none}@media(max-width:768px){.app-sidebar-overlay{display:block;position:fixed;inset:0;top:var(--header-height);background-color:#00000080;z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity var(--transition-speed) var(--ease-out-expo);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app-sidebar-overlay--visible{opacity:1;pointer-events:auto}}.app-content{position:fixed;top:var(--header-height);left:var(--sidebar-width);right:0;bottom:0;overflow-y:auto;overflow-x:hidden;background-color:var(--color-bg-content);padding:24px}@media(max-width:768px){.app-content{left:0}}.page-enter-active,.page-leave-active{transition:opacity .25s var(--ease-out-expo),transform .25s var(--ease-out-expo)}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}