:root{--bg-color: #0B241E;--surface-color: #14362F;--primary-color: #E5C387;--primary-gradient: linear-gradient(135deg, #D4AF37 0%, #E5C387 100%);--text-color: #F5F5F5;--hint-color: rgba(245, 245, 245, .6);--border-gold: rgba(229, 195, 135, .2);--viz-bg: #000000;--bg-color: var(--tg-theme-bg-color, #0B241E);--secondary-bg-color: var(--tg-theme-secondary-bg-color, #14362F);--text-color: var(--tg-theme-text-color, #F5F5F5);--hint-color: var(--tg-theme-hint-color, rgba(245, 245, 245, .6));--button-color: var(--tg-theme-button-color, #E5C387);--button-text-color: var(--tg-theme-button-text-color, #0B241E);--radius-standard: 12px;--input-height: 52px;--base-font-size: 17px;--transition-fast: all .25s cubic-bezier(.4, 0, .2, 1);--color-success: #7EB09B;--color-warning: #E5C387;--color-danger: #D47A6A;--color-accent: #E5C387;--surface-tint-bg: rgba(255, 255, 255, .05)}#breadcrumb-nav{font-family:Montserrat,sans-serif;font-size:.85rem;display:flex;align-items:center;gap:4px;min-height:1.2rem}.breadcrumb-item{color:var(--hint-color);letter-spacing:.06em;text-transform:uppercase;font-weight:600;transition:var(--transition-fast)}.breadcrumb-item:last-child{color:var(--primary-color)}.breadcrumb-separator{color:var(--hint-color);opacity:.3;font-size:.8rem}.light-theme .breadcrumb-item{color:#1a1a1a;opacity:.6}.light-theme .breadcrumb-item:last-child{color:var(--primary-color);opacity:1}.light-theme .breadcrumb-separator{color:#1a1a1a}[data-theme=light],.light-theme{--bg-color: #F9F4E8;--surface-color: #FFFFFF;--primary-color: #1B4D3E;--primary-gradient: linear-gradient(135deg, #1B4D3E 0%, #2D6A58 100%);--text-color: #1A1A1A;--hint-color: rgba(26, 26, 26, .6);--border-gold: rgba(27, 77, 62, .1);--color-success: #1B4D3E;--color-warning: #D4AF37;--color-danger: #B22222;--color-accent: #1B4D3E;--surface-tint-bg: rgba(27, 77, 62, .05);--viz-bg: #000000}.surface-tint{background-color:var(--surface-tint-bg);border-radius:12px}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-danger{color:var(--color-danger)!important}.text-accent{color:var(--color-accent)!important}.text-primary{color:var(--primary-color)!important}.text-secondary,.text-muted{color:var(--hint-color)!important}html,body{margin:0;padding:0;width:100%;height:100%;background-color:var(--bg-color);color:var(--text-color);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--base-font-size);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1)}h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;letter-spacing:-.02em}body{line-height:1.6}.main-app-container{width:100%;margin:0 auto;min-height:100vh;background-color:var(--bg-color);position:relative;padding-bottom:80px;transition:max-width .3s ease}@media(max-width:991px){.main-app-container{max-width:500px}}@media(min-width:992px){.main-app-container{max-width:100%!important;margin:0!important;padding-left:15px;padding-right:15px;width:100vw}}.btn{border-radius:var(--radius-standard);padding:12px 24px;height:var(--input-height);font-weight:600;text-transform:none;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;border:none;font-family:Plus Jakarta Sans,sans-serif}.btn-primary{background:var(--primary-gradient)!important;color:#0b241e!important;box-shadow:0 4px 15px #d4af3726}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 20px #d4af3740}.btn-primary:active{transform:translateY(0);opacity:.9}.form-control,.form-select{height:48px;border-radius:12px!important;background-color:var(--surface-color);border:1px solid var(--border-gold);color:var(--text-color);font-size:16px;padding:0 16px;text-align:center;transition:var(--transition-fast)}.form-control:focus,.form-select:focus{background-color:var(--surface-color);border-color:var(--primary-color);box-shadow:0 0 0 2px #e5c38733;color:var(--text-color);outline:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px 12px}.form-label{display:block;font-size:1rem;color:var(--text-color);opacity:.8;margin-bottom:8px;font-weight:600}.card,.glass{background-color:var(--surface-color);border:1px solid var(--border-gold);border-radius:var(--radius-standard);padding:24px;margin-bottom:24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.btn-check:checked+.btn-outline-secondary{background-color:var(--primary-color)!important;color:var(--bg-color)!important;border-color:var(--primary-color)!important}.btn-outline-secondary{border-color:var(--border-gold);color:var(--text-color)!important;background-color:transparent}.btn-outline-secondary:hover{background-color:var(--surface-tint-bg);color:var(--text-color);border-color:var(--primary-color)}@media(max-width:991px){.sidebar{display:none!important}}.is-invalid{border-color:#ff3b30!important}.invalid-feedback{color:#ff3b30;font-size:.8rem;margin-top:4px}.input-group:has(.stepper-btn){background-color:var(--surface-color);border:1px solid var(--border-gold);border-radius:var(--radius-standard);overflow:hidden;padding:2px;height:var(--input-height);transition:var(--transition-fast)}.input-group:has(.stepper-btn):focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px #e5c38726}.input-group .stepper-btn{width:40px;height:100%;background-color:transparent;color:var(--primary-color);border:none;border-radius:10px!important;font-size:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition-fast)}.input-group .stepper-btn:hover{background-color:#e5c3871a}.input-group .stepper-btn:active{background-color:#e5c38733;transform:scale(.95)}.input-group .form-control{text-align:center;border-radius:0!important;border:none!important;background:transparent!important;color:var(--text-color);font-weight:600;height:100%;padding:0 4px;min-width:0;box-shadow:none!important}.row .input-group .stepper-btn{width:36px;font-size:18px}.glass-tabs{background:rgba(var(--tg-theme-secondary-bg-color, 244, 244, 245),.5);border-radius:16px;padding:4px;border:1px solid rgba(0,0,0,.05)}.glass-tabs .nav-item{flex:1}.glass-tabs .nav-link{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:12px;color:var(--hint-color);font-size:12px;font-weight:600;transition:var(--transition-fast);border:2px solid transparent;width:100%}.glass-tabs .nav-link.active{background-color:transparent!important;border-color:var(--button-color)!important;color:var(--button-color)!important}.glass-tabs .nav-link i{font-size:22px;margin-bottom:4px}.btn-theme-toggle{background:var(--surface-color);border:1px solid var(--border-gold);color:var(--primary-color);width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);padding:0;box-shadow:0 4px 12px #0000001a}.btn-theme-toggle:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 6px 16px #e5c38733}.btn-theme-toggle:active{transform:translateY(0)}.btn-theme-toggle span{font-size:24px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.btn-close{opacity:.8!important;background-size:12px;transition:var(--transition-fast);filter:invert(.8) sepia(1) saturate(5) hue-rotate(0deg)}[data-theme=dark] .btn-close,:root:not(.light-theme) .btn-close{filter:invert(1) grayscale(100%) brightness(2);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E5C387'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")!important}.light-theme .btn-close{filter:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231B4D3E'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")!important}.btn-close:hover{opacity:1!important;transform:rotate(90deg)}.card,.glass,.form-control,.form-select,.nav-item,.nav-link,.btn,header{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease,transform .2s ease!important}.status-badge-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:50rem!important;font-size:.85rem!important;font-weight:600!important;line-height:1!important;transition:var(--transition-fast)!important;white-space:nowrap!important}.status-badge-primary{background:#e5c3871a;color:var(--primary-color)!important;border:1px solid rgba(229,195,135,.2)!important}.status-badge-secondary{background:#8faa9e1a;color:#8faa9e!important;border:1px solid rgba(143,170,158,.2)!important}.unit-temp,.unit-vol,.unit-mass,.unit-press,.unit-len,.unit-power,.unit-bubble,.unit-static{display:inline-flex;align-items:center;padding:1px 10px;border-radius:50rem;font-size:.75rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;vertical-align:middle;margin-left:2px;font-style:normal;text-decoration:none!important}.unit-temp,.unit-vol,.unit-mass,.unit-press,.unit-len,.unit-power,.unit-bubble{background:#050e0c!important;border:1px solid rgba(229,195,135,.7)!important;color:#e5c387;cursor:pointer}.unit-temp:hover,.unit-vol:hover,.unit-mass:hover,.unit-press:hover,.unit-len:hover,.unit-power:hover,.unit-bubble:hover{background:#e5c38733;border-color:#e5c387;box-shadow:0 0 12px #e5c3874d;transform:translateY(-1px)}.unit-temp:active,.unit-vol:active,.unit-mass:active,.unit-press:active,.unit-len:active,.unit-power:active,.unit-bubble:active{transform:scale(.92)}.unit-static{background:#f5f5f50d;border:1px solid rgba(245,245,245,.15);color:#f5f5f5d9;cursor:default}[data-theme=light] .unit-temp,.light-theme .unit-temp,[data-theme=light] .unit-vol,.light-theme .unit-vol,[data-theme=light] .unit-mass,.light-theme .unit-mass,[data-theme=light] .unit-press,.light-theme .unit-press,[data-theme=light] .unit-len,.light-theme .unit-len,[data-theme=light] .unit-power,.light-theme .unit-power,[data-theme=light] .unit-bubble,.light-theme .unit-bubble{background:#1b4d3e!important;border-color:#1b4d3e!important;color:#f9f4e8!important}[data-theme=light] .unit-static,.light-theme .unit-static{background:#1a1a1a0d;border-color:#1a1a1a1a;color:#1a1a1a}[data-theme=light] .unit-temp:hover,.light-theme .unit-temp:hover{background:#1b4d3e26;border-color:#1b4d3e;box-shadow:0 0 12px #1b4d3e33}[data-theme=light] .status-badge-primary,.light-theme .status-badge-primary{background:#1b4d3e1a;color:#1b4d3e!important;border:1px solid rgba(27,77,62,.2)!important}[data-theme=light] .status-badge-secondary,.light-theme .status-badge-secondary{background:#1b4d3e0d;color:#1b4d3e!important;opacity:.8;border:1px solid rgba(27,77,62,.1)!important}.status-bar-container{display:flex;gap:8px;margin-bottom:24px;justify-content:center;align-items:center;padding:0 4px;flex-wrap:wrap}.btn-settings-link{width:36px;height:36px;border-radius:50%!important;display:flex;align-items:center;justify-content:center;border:1px solid rgba(229,195,135,.3)!important;color:var(--primary-color)!important;background:transparent!important;padding:0!important;transition:var(--transition-fast)!important}.btn-settings-link:hover{background:#e5c3871a!important;border-color:var(--primary-color)!important;transform:rotate(45deg)}.hide-tabs .glass-tabs{display:none!important}.dashboard-container{padding-top:10px;padding-bottom:30px}.dashboard-group{margin-bottom:24px}.dashboard-group-title{font-size:.7rem;font-weight:800;color:var(--primary-color);letter-spacing:.2em;margin-bottom:12px;padding-left:8px;text-transform:uppercase;opacity:.6}.nav-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:480px){.nav-grid-layout{grid-template-columns:repeat(3,1fr)}}.nav-panel-btn{background:#14362f99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(229,195,135,.15);border-radius:16px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;color:var(--text-color);width:100%;position:relative;overflow:hidden;height:100%;min-height:90px;box-shadow:0 4px 15px #0000001a}.nav-panel-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(229,195,135,.05) 0%,transparent 100%);pointer-events:none}.nav-panel-btn i{font-size:28px;color:var(--primary-color);transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.nav-panel-btn span{font-size:.8rem;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;color:#f5f5f5f2;line-height:1.2}.nav-panel-btn:hover{background:#14362fd9;border-color:#e5c38780;transform:translateY(-4px);box-shadow:0 8px 25px #e5c3871a}.nav-panel-btn:hover i{transform:scale(1.1) translateY(-2px)}.nav-panel-btn:active{transform:scale(.96) translateY(-1px);background:#e5c3871a}.nav-panel-btn.active{background:var(--primary-color)!important;border-color:var(--primary-color)!important}.nav-panel-btn.active i,.nav-panel-btn.active span{color:#0b241e!important}.nav-panel-btn.full-width{grid-column:1 / -1;flex-direction:row;padding:24px;gap:16px;min-height:unset}.nav-modal-content{background:#0b241ef0!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(229,195,135,.2)!important;border-radius:28px!important;color:var(--text-color)}[data-theme=light] .nav-modal-content,.light-theme .nav-modal-content{background:#f9f4e8f2!important;border-color:#1b4d3e33!important;color:#1a1a1a}[data-theme=light] .nav-panel-btn,.light-theme .nav-panel-btn{background:#ffffffb3;border-color:#1b4d3e1a;color:#1a1a1a}[data-theme=light] .nav-panel-btn i,.light-theme .nav-panel-btn i{color:#1b4d3e}[data-theme=light] .nav-panel-btn span,.light-theme .nav-panel-btn span{color:#1a1a1a}[data-theme=light] .nav-panel-btn:hover,.light-theme .nav-panel-btn:hover{background:#fff;border-color:#1b4d3e;box-shadow:0 8px 25px #1b4d3e1a}[data-theme=light] .nav-panel-btn.active,.light-theme .nav-panel-btn.active{background:#1b4d3e!important;border-color:#1b4d3e!important}[data-theme=light] .nav-panel-btn.active i,.light-theme .nav-panel-btn.active i,[data-theme=light] .nav-panel-btn.active span,.light-theme .nav-panel-btn.active span{color:#f9f4e8!important}.btn-pill{border-radius:50rem!important;padding:12px 24px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.85rem}