@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--primary: #1763A6;--primary-color: var(--primary);--primary-hover: color-mix(in srgb, var(--primary) 85%, black);--primary-active: color-mix(in srgb, var(--primary) 75%, black);--primary-focus: color-mix(in srgb, var(--primary) 30%, transparent);--primary-disabled: color-mix(in srgb, var(--primary) 40%, #e2e8f0);--bg-color: #F5F7FA;--card-bg: #FFFFFF;--text-main: #172033;--text-muted: #667085;--text-secondary: #64748b;--table-header-bg: #f1f5f9;--table-hover-bg: #f8fafc;--tertiary: #CCA254;--border-color: #E4E7EC;--success: #10b981;--warning: #f59e0b;--error: #ef4444;color-scheme:light;--color-warehouse: #ea580c;--color-hse: #dc2626;--sidebar-width: 280px;--sidebar-collapsed-width: 80px;--sidebar-bg: #1763A6;--sidebar-text: #FFFFFF;--sidebar-hover: color-mix(in srgb, var(--sidebar-bg) 85%, black);--sidebar-active: color-mix(in srgb, var(--sidebar-bg) 75%, black);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--border-radius-base: 6px;--bg-white: #FFFFFF;--border-thin: #E4E7EC;--bg-slate: #f8fafc}:root.dark,.dark{--primary: #3b82f6;--primary-hover: color-mix(in srgb, var(--primary) 85%, white);--primary-active: color-mix(in srgb, var(--primary) 75%, white);--primary-focus: color-mix(in srgb, var(--primary) 30%, transparent);--primary-disabled: color-mix(in srgb, var(--primary) 40%, #334155);--bg-color: #020617;--card-bg: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--text-secondary: #94a3b8;--table-header-bg: color-mix(in srgb, var(--primary) 22%, #0b1120);--table-hover-bg: rgba(255, 255, 255, .04);--tertiary: #CCA254;--border-color: #334155;--success: #10b981;--warning: #f59e0b;--error: #ef4444;color-scheme:dark;--color-warehouse: #9a3412;--color-hse: #991b1b;--sidebar-bg: rgba(15, 23, 42, .85);--sidebar-text: #f8fafc;--sidebar-hover: color-mix(in srgb, var(--sidebar-bg) 85%, white);--sidebar-active: color-mix(in srgb, var(--sidebar-bg) 75%, white);--bg-white: #0f172a;--border-thin: #334155;--bg-slate: #1e293b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}.glass{background:#fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-sm)}.btn-primary{background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius-base);border:none;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:active{transform:translateY(1px);background-color:var(--primary-active)}.app-layout{display:flex;height:100vh;padding-top:64px;box-sizing:border-box;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1);height:100%;overflow:hidden}.dashboard-header{height:64px;background-color:var(--bg-white);border-bottom:1px solid var(--border-thin);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:1050;position:fixed;top:0;left:0;right:0}.content-area{padding:1.5rem;overflow-y:auto;flex:1;background-color:var(--bg-color)}@media (max-width: 1024px){.content-area{padding:1rem}.mobile-hamburger{display:flex!important}.dashboard-header{justify-content:space-between!important;padding:0 8px 0 16px!important}h1,.page-title{font-size:1.5rem!important;line-height:1.3}h2,.section-title{font-size:1.125rem!important;line-height:1.3}h3,.card-title{font-size:.875rem!important;line-height:1.4}p,.card-description,.body-text{font-size:.8125rem!important;line-height:1.5}.label-text,.icon-text{font-size:.75rem!important;line-height:1.4}}@media (min-width: 769px){.hide-on-desktop{display:none!important}}@media (max-width: 768px){.content-area{padding:1rem;padding-bottom:calc(1rem + 64px)}.hide-on-mobile{display:none!important}.dashboard-header{padding:0 8px 0 12px!important;height:56px!important}.topbar-logo-main{height:36px!important}.topbar-brand-wrapper{gap:8px!important;margin-left:0!important}.mobile-hamburger{margin-left:-4px!important;width:36px!important;height:36px!important}.mobile-hamburger svg{width:20px;height:20px}.desktop-search{display:none!important}.mobile-search-btn{display:flex!important}.profile-text-desktop{display:none!important}.profile-text-mobile{display:flex!important}.topbar-actions{gap:2px!important}.topbar-actions .icon-btn svg{transform:scale(.85)}.topbar-actions .icon-btn{width:34px!important;height:34px!important}.user-profile{padding:4px!important;gap:6px!important}.user-profile .avatar{width:32px!important;height:32px!important}.topbar-separator{margin:0 2px!important;height:20px!important}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}}.responsive-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem;border-radius:var(--border-radius-base)}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table:not(.sig-box){min-width:800px}.skeleton{background:var(--border-thin);border-radius:var(--border-radius-base);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff6 20%,#ffffffb3 60%,#fff0);animation:shimmer 1.5s infinite}:root.dark .skeleton:after{background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0)}@keyframes shimmer{to{transform:translate(100%)}}.modal-overlay,.ui-modal-overlay,.tier-modal-overlay,.po-modal-overlay,.loading-overlay,.hr-modal-overlay,.spl-modern-modal-overlay,.edr-notif-overlay,.edr-modal-overlay,.cv-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:#0f172a99!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important}:root[data-theme=dark] .modal-overlay,:root.dark .modal-overlay,.dark .modal-overlay,:root[data-theme=dark] .ui-modal-overlay,:root.dark .ui-modal-overlay,.dark .ui-modal-overlay,:root[data-theme=dark] .tier-modal-overlay,:root.dark .tier-modal-overlay,.dark .tier-modal-overlay,:root[data-theme=dark] .po-modal-overlay,:root.dark .po-modal-overlay,.dark .po-modal-overlay,:root[data-theme=dark] .loading-overlay,:root.dark .loading-overlay,.dark .loading-overlay,:root[data-theme=dark] .hr-modal-overlay,:root.dark .hr-modal-overlay,.dark .hr-modal-overlay,:root[data-theme=dark] .spl-modern-modal-overlay,:root.dark .spl-modern-modal-overlay,.dark .spl-modern-modal-overlay,:root[data-theme=dark] .edr-notif-overlay,:root.dark .edr-notif-overlay,.dark .edr-notif-overlay,:root[data-theme=dark] .edr-modal-overlay,:root.dark .edr-modal-overlay,.dark .edr-modal-overlay,:root[data-theme=dark] .cv-modal-overlay,:root.dark .cv-modal-overlay,.dark .cv-modal-overlay{background-color:#000000bf!important}table thead,.table-container thead{background-color:var(--bg-color)!important}table thead th,.table-container thead th{color:var(--text-muted)!important;font-weight:600!important;border-bottom:1px solid var(--border-color)!important}.modern-demo-select{padding:6px 30px 6px 12px!important;border-radius:8px!important;background:linear-gradient(135deg,#3b82f60d,#9333ea0d)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;color:var(--primary)!important;border:1px solid rgba(147,51,234,.3)!important;box-shadow:0 2px 10px #9333ea1a!important;font-size:13px!important;font-weight:600!important;outline:none!important;cursor:pointer!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%239333EA%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E)!important;background-repeat:no-repeat!important;background-position:right 10px top 50%!important;background-size:10px auto!important;transition:all .2s ease!important}.modern-demo-select:hover,.modern-demo-select:focus{background:linear-gradient(135deg,#3b82f61a,#9333ea26)!important;border-color:#9333ea99!important;box-shadow:0 4px 12px #9333ea33!important}.dark .modern-demo-select{background:linear-gradient(135deg,#3b82f61a,#9333ea1a)!important;color:#c084fc!important;border:1px solid rgba(192,132,252,.4)!important;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23c084fc%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E)!important}.pm-header-title h1,.pc-dashboard-header h1,.pc-header-title h1,.title-group h1,h1.page-title,.warehouse-title,.so-title,.po-title,.pdf-tools-title,.mp-page-title,.ms-header h1,.npd-title-group h1,.content-area>h1:first-child:not(.welcome-greeting),.content-area>div>h1:first-child:not(.welcome-greeting),.content-area>div>div>h1:first-child:not(.welcome-greeting){font-size:24px!important}.pm-header-title p,.pc-dashboard-header p,.pc-header-title p,.title-group p,p.page-subtitle,.ms-header p,.pdf-tools-subtitle,.npd-subtitle{font-size:16px!important}@media (max-width: 768px){html,body{overflow-x:hidden!important;max-width:100vw!important;width:100%!important;-webkit-tap-highlight-color:transparent}.app-layout{height:100dvh!important;min-height:100dvh!important;padding-top:56px!important;max-width:100vw!important;width:100%!important;overflow:hidden!important}.main-content{width:100%!important;max-width:100vw!important;overflow:hidden!important;height:calc(100dvh - 56px)!important;flex:1!important;margin-left:0!important}.content-area{padding:12px 10px 72px!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important}div:not(.table-container):not(.responsive-table-wrapper):not(.table-responsive):not(.wh-table-container):not(.po-table-container):not(.hr-table-container):not(.edr-table-container):not(.so-table-container):not(.users-table-container):not(.lhpp-table-container):not(.ur-table-container):not([style*="overflow-x: auto"]):not([style*="overflow-x: scroll"]):not(.sr-tabs):not(.edr-tabs):not(.task-tab-container):not(.po-tabs):not(.hr-tabs):not(.tier-tabs):not(.rdw-tabs):not(.npd-tabs):not(.so-tabs):not(.sug-tabs):not(.sug-tabs-wrapper):not(.board-filter-bar){max-width:100%}.dashboard-header{height:56px!important;padding:0 10px 0 8px!important;box-sizing:border-box!important;justify-content:space-between!important;overflow:visible!important;z-index:1050!important}.topbar-left{gap:4px!important;align-items:center!important}.topbar-tools{margin-left:2px!important;gap:2px!important;display:flex!important;align-items:center!important;flex-shrink:0!important}.mobile-hamburger{width:38px!important;height:38px!important;margin-left:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important}.topbar-actions{gap:4px!important;margin-left:auto!important;align-items:center!important}.topbar-actions .icon-btn,.topbar-tools .icon-btn{width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important}.topbar-separator{margin:0 2px!important;height:18px!important}.demo-header-controls{margin-right:4px!important;gap:4px!important;align-items:center!important}.demo-header-controls>span{display:none!important}.demo-setup-btn{display:none!important}.demo-dropdown-wrapper .custom-dropdown-container{width:auto!important;min-width:0!important}.demo-dropdown-wrapper .custom-dropdown-button{padding:4px 8px!important;font-size:11px!important;border-radius:9999px!important;height:30px!important;max-width:100px!important}.demo-dropdown-wrapper .custom-dropdown-text{font-size:11px!important;max-width:70px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.user-profile{padding:2px!important;gap:4px!important}.user-profile .avatar{width:32px!important;height:32px!important;font-size:12px!important}.topbar-dropdown.apps,.topbar-dropdown.notif{position:fixed!important;top:60px!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 80px)!important;overflow-y:auto!important;border-radius:14px!important;box-shadow:0 10px 30px #00000040!important;z-index:10002!important}.topbar-dropdown.profile{position:fixed!important;top:60px!important;right:10px!important;left:auto!important;min-width:210px!important;max-width:calc(100vw - 20px)!important;border-radius:14px!important;z-index:10002!important}h1,.page-title,.pm-header-title h1,.pc-dashboard-header h1,.pc-header-title h1,.title-group h1,.warehouse-title,.so-title,.po-title,.pdf-tools-title,.mp-page-title,.ms-header h1,.npd-title-group h1,.edr-header-area .header-title h1,.bm-header-area .header-title h1,.um-header h1,.wh-banner-text h1,.ur-header-title h1,.pdf-hero-title,.apar-title{font-size:1.15rem!important;line-height:1.25!important;letter-spacing:-.3px!important;margin-bottom:2px!important}.hr-top-banner h1,.hr-top-banner-title{font-size:.875rem!important;font-weight:600!important;line-height:1.25!important;letter-spacing:-.3px!important;margin-bottom:2px!important;display:flex!important;align-items:center!important;gap:.45rem!important}.hr-top-banner h1 svg,.hr-top-banner-title svg{width:16px!important;height:16px!important;flex-shrink:0!important}p.page-subtitle,.pm-header-title p,.pc-dashboard-header p,.pc-header-title p,.title-group p,.ms-header p,.pdf-tools-subtitle,.npd-subtitle,.po-subtitle,.edr-header-area .subtitle,.bm-header-area .header-title .subtitle,.hr-top-banner p,.wh-banner-text p,.ur-header-title p,.pdf-hero-subtitle,.apar-subtitle{font-size:.775rem!important;line-height:1.35!important;color:var(--text-muted)!important}.pm-header,.po-header,.sr-header,.ms-header,.wh-top-banner,.bm-header-area,.npd-header,.so-header,.ur-header,.apar-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:10px 12px!important;margin-bottom:10px!important;border-radius:12px!important}.hr-top-banner{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;padding:6px 10px!important;margin-bottom:8px!important;border-radius:10px!important}.edr-header-area{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;margin-bottom:10px!important;border-radius:12px!important}.edr-header-area .header-title{flex:1!important;min-width:0!important}.edr-header-area .header-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;margin-left:auto!important;margin-top:0!important;flex-shrink:0!important;width:auto!important}.edr-header-area .header-actions>div{margin-top:0!important}.pm-header-actions,.po-header-actions,.sr-header-top,.um-header-actions,.ur-header-actions,.apar-header-controls,.ms-header-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:4px!important}.sr-tabs,.edr-tabs,.task-tab-container,.po-tabs,.hr-tabs,.tier-tabs,.rdw-tabs,.npd-tabs,.so-tabs,.sug-tabs,.tab-navigation,.nav-tabs{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;white-space:nowrap!important;scrollbar-width:none!important;-ms-overflow-style:none!important;gap:6px!important;padding:4px 2px 8px!important;margin-bottom:12px!important;width:100%!important;border-bottom:1px solid var(--border-color)!important}.sr-tabs::-webkit-scrollbar,.edr-tabs::-webkit-scrollbar,.task-tab-container::-webkit-scrollbar,.po-tabs::-webkit-scrollbar,.hr-tabs::-webkit-scrollbar,.tier-tabs::-webkit-scrollbar,.rdw-tabs::-webkit-scrollbar,.npd-tabs::-webkit-scrollbar,.so-tabs::-webkit-scrollbar,.sug-tabs::-webkit-scrollbar{display:none!important}.sr-tab,.edr-tab,.task-tab-btn,.po-tab,.hr-tab-btn,.tier-tab,.rdw-tab-btn,.npd-tab-btn,.so-tab-btn,.edr-tab-link{font-size:12px!important;padding:6px 12px!important;border-radius:9999px!important;white-space:nowrap!important;flex-shrink:0!important;min-height:32px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;box-sizing:border-box!important;transition:all .2s ease!important}.tier-summary-cards,.po-stat-grid,.pm-top-actions,.edr-stat-grid,.dashboard-stat-grid,.hr-summary-grid,.recap-stats-grid,.so-stat-grid,.stat-cards-container{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:12px!important;width:100%!important}.tier-summary-card,.po-stat-card,.edr-stat-card,.hr-stat-card,.so-stat-card,.pm-top-actions>div{padding:10px 12px!important;border-radius:10px!important;gap:8px!important;min-height:auto!important;box-sizing:border-box!important}.stat-value,.po-stat-value,.tier-summary-card .value,.stat-number{font-size:1.25rem!important;font-weight:700!important;line-height:1.2!important}.stat-label,.po-stat-label,.tier-summary-card .label,.stat-title{font-size:.725rem!important;line-height:1.2!important}.filter-bar,.filter-container,.controls-bar,.po-filter-container,.edr-filter-bar,.wh-controls,.hr-filter-bar,.search-filter-bar,.filter-group{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;align-items:stretch!important}.search-box,.search-input-wrapper,.user-management-container .search-box,.filter-box,.item-search-wrapper,.search-bar{width:100%!important;max-width:100%!important}.filter-select,.search-box input,.search-bar input,.item-search-input{width:100%!important;min-height:40px!important;font-size:13px!important;border-radius:8px!important;box-sizing:border-box!important}.table-container,.responsive-table-wrapper,.table-responsive,.wh-table-container,.po-table-container,.hr-table-container,.edr-table-container,.so-table-container,.users-table-container,.lhpp-table-container,.ur-table-container,.ms-table-container{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;display:block!important;margin-bottom:10px!important;border-radius:8px!important;border:1px solid var(--border-color)!important}table,.table-container table,.responsive-table-wrapper table,.wh-table,.po-table,.hr-table,.tier-table,.users-table,.lhpp-table,.npd-table,.so-table,.ur-table,.ms-table,.rdw-table{min-width:580px!important;max-width:none!important;border-collapse:collapse!important;width:max-content!important}table th,table td{padding:8px 10px!important;font-size:12px!important;line-height:1.35!important}table th{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.3px!important}.modal-overlay,.ui-modal-overlay,.tier-modal-overlay,.po-modal-overlay,.loading-overlay,.hr-modal-overlay,.spl-modern-modal-overlay,.edr-notif-overlay,.edr-modal-overlay,.cv-modal-overlay,.modal-overlay-custom{padding:10px!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.modal-content,.ui-modal-content,.tier-modal-content,.po-modal-content,.sug-modal-content,.edr-modal-content,.modal-content-custom,.booking-modal,.modern-modal-content,.create-project-modal .modal-content{width:100%!important;max-width:calc(100vw - 20px)!important;max-height:88dvh!important;border-radius:14px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;overflow:hidden!important}.modal-header,.ui-modal-header,.modal-header-custom,.sug-modal-header{padding:12px 14px!important;border-bottom:1px solid var(--border-color)!important;flex-shrink:0!important}.modal-title,.ui-modal-title,.modal-title-custom,.sug-modal-header h3{font-size:1.05rem!important;font-weight:700!important}.modal-body,.ui-modal-body,.modal-body-custom,.sug-modal-body{padding:14px 12px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;flex:1!important;gap:10px!important}.modal-footer,.ui-modal-footer,.sug-modal-footer{padding:10px 12px!important;border-top:1px solid var(--border-color)!important;flex-shrink:0!important;display:flex!important;flex-direction:column-reverse!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.modal-footer button,.ui-modal-footer button{width:100%!important;min-height:42px!important;border-radius:8px!important;font-size:13.5px!important;font-weight:600!important}.form-grid,.grid-2,.grid-3,.grid-4,.sub-saran-grid,.form-row{grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}.form-group{width:100%!important;margin-bottom:8px!important}.form-group label{font-size:.8rem!important;font-weight:600!important;margin-bottom:4px!important;display:block!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],select,textarea{width:100%!important;min-height:40px!important;font-size:13.5px!important;border-radius:8px!important;box-sizing:border-box!important}input[type=checkbox],input[type=radio]{width:18px!important;height:18px!important;min-height:18px!important;max-width:18px!important;flex-shrink:0!important;display:inline-block!important;cursor:pointer!important}.btn-primary,.btn-secondary,.btn-danger,.btn-submit{min-height:40px!important;padding:8px 16px!important;font-size:13.5px!important;font-weight:600!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;box-sizing:border-box!important}.dashboard-grid{display:flex!important;flex-direction:column!important;gap:12px!important}.news-section{width:100%!important;height:200px!important;min-height:200px!important}.slide-btn{width:38px!important;height:38px!important;font-size:1.1rem!important;opacity:.85!important}.prev-btn{left:8px!important}.next-btn{right:8px!important}.slide-dots{bottom:8px!important;right:12px!important;opacity:.85!important}.mobile-only-qa.quick-access-section{padding:12px 10px!important;border-radius:12px!important}.mobile-qa-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px 6px!important}.mobile-qa-icon-wrapper{width:48px!important;height:48px!important;border-radius:14px!important}.mobile-qa-icon-wrapper svg{width:24px!important;height:24px!important}.mobile-qa-title{font-size:10.5px!important;line-height:1.2!important}.bm-header-area{padding:10px 12px 0!important}.bm-content{flex-direction:column!important;padding:8px 10px!important;gap:12px!important;overflow-y:auto!important;height:auto!important}.bm-left-panel,.bm-right-panel{flex:none!important;width:100%!important;height:auto!important;overflow:visible!important}.calendar-day{min-height:38px!important;padding:4px 2px!important;font-size:11px!important}.monitoring-stock-wrapper{padding:10px 8px!important}.ms-row-top{grid-template-columns:1fr!important;gap:12px!important}.pm-main-container{padding:10px 8px!important}.pm-top-actions{grid-template-columns:1fr!important}.po-outstanding-container{padding:0!important}.po-tab-content{padding:12px 10px!important;border-radius:10px!important}.edr-content{padding-top:8px!important;padding-bottom:24px!important;max-width:100%!important}.edr-dashboard-grid{grid-template-columns:1fr!important;gap:10px!important}.hr-dashboard-container{padding:0!important;gap:10px!important}.hr-db-table .sticky-col-3{position:static!important;min-width:120px!important;max-width:none!important}.cihub-dashboard-content{flex-direction:column!important;gap:14px!important}.cihub-dashboard-card{padding:14px!important}.wh-dashboard-container{gap:8px!important}.wh-top-banner{padding:12px 14px!important}.project-control-content{padding:0!important}.project-control-main .pc-dashboard-header{padding:10px 12px!important;flex-direction:column!important;align-items:stretch!important}.project-dashboard-grid{display:flex!important;flex-direction:column!important;gap:12px!important}.project-dashboard-grid>div,.dashboard-card{grid-column:span 12!important;width:100%!important}.pdf-hero-section{padding:16px 14px!important;border-radius:12px!important;gap:12px!important}.pdf-tools-grid{grid-template-columns:1fr!important;gap:12px!important}.so-page-container{padding:0!important}.so-role-card{min-width:0!important;width:100%!important}.ur-container{padding:0!important}.ur-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.apar-container{padding:0 0 16px!important;background-image:none!important}.apar-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-top:0!important;margin-bottom:10px!important;padding-bottom:10px!important}.apar-title{font-size:1.15rem!important;line-height:1.2!important}.apar-subtitle{font-size:.75rem!important;margin-top:2px!important;line-height:1.3!important}.apar-header-controls{display:flex!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important;justify-content:stretch!important;align-items:center!important}.apar-header-controls .search-container{width:100%!important;min-width:0!important;flex:1 1 100%!important;order:1!important}.apar-header-controls .apar-search-input{height:36px!important;padding:0 10px 0 32px!important;font-size:.8rem!important;border-radius:8px!important}.apar-header-controls .search-icon{left:10px!important;width:14px!important;height:14px!important}.apar-header-controls .apar-custom-select{flex:1 1 0!important;min-width:120px!important;order:2!important}.apar-header-controls .apar-select{height:36px!important;padding:0 10px!important;min-width:0!important;width:100%!important;font-size:.8rem!important;border-radius:8px!important}.apar-header-controls .btn-add-apar{height:36px!important;padding:0 12px!important;font-size:.8rem!important;border-radius:8px!important;gap:4px!important;white-space:nowrap!important;flex-shrink:0!important;order:3!important}.apar-header-controls .btn-add-apar svg{width:15px!important;height:15px!important}.apar-custom-select-menu{border-radius:8px!important;padding:4px!important;font-size:.8rem!important}.apar-custom-select-option{padding:7px 10px!important;font-size:.8rem!important;border-radius:6px!important}.apar-grid{gap:12px!important;grid-template-columns:1fr!important}.apar-card{padding:14px!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005!important;transition:none!important}.apar-card:hover{transform:none!important}.apar-card-header{margin-bottom:10px!important;padding-bottom:8px!important;border-bottom:1px solid var(--border-thin, #f1f5f9)!important}.apar-id{font-size:1rem!important;font-weight:700!important}.btn-edit-icon{padding:.3rem!important;border-radius:6px!important}.btn-edit-icon svg{width:13px!important;height:13px!important}.apar-location{font-size:.8rem!important;margin-top:3px!important;gap:5px!important}.apar-location svg{width:14px!important;height:14px!important}.apar-status{padding:3px 9px!important;font-size:.68rem!important;letter-spacing:.02em!important;border-radius:9999px!important;font-weight:600!important}.apar-details{margin-bottom:12px!important;gap:10px 12px!important}.detail-item{gap:8px!important;align-items:flex-start!important}.detail-item.full-width{padding-bottom:8px!important;margin-bottom:2px!important;border-bottom:1px dashed var(--border-color, #e2e8f0)!important}.detail-icon-wrap{width:26px!important;height:26px!important;border-radius:6px!important;flex-shrink:0!important}.detail-icon-wrap svg{width:13px!important;height:13px!important}.detail-text{gap:2px!important}.detail-label{font-size:.68rem!important;line-height:1.2!important;font-weight:600!important}.detail-value{font-size:.82rem!important;font-weight:600!important;line-height:1.25!important}.apar-actions{gap:8px!important}.btn-qr,.btn-history{padding:8px 12px!important;min-height:36px!important;font-size:.8rem!important;font-weight:600!important;gap:6px!important;border-radius:8px!important}.btn-qr svg,.btn-history svg{width:15px!important;height:15px!important}.qr-modal-layout{gap:12px!important;align-items:center!important}.qr-box{padding:10px!important;border-radius:12px!important}.qr-box svg,.qr-code-svg{max-width:160px!important;max-height:160px!important;width:160px!important;height:160px!important}.qr-info-header{margin-bottom:8px!important;text-align:center!important}.qr-info-header h3{font-size:1.15rem!important;margin-bottom:2px!important}.qr-location{font-size:.75rem!important;padding:3px 8px!important}.qr-url-box{padding:6px 8px!important;margin:8px 0!important;border-radius:6px!important}.qr-url-label{font-size:.65rem!important}.qr-url-value{font-size:.7rem!important;word-break:break-all!important}.qr-instructions{font-size:.75rem!important;line-height:1.3!important;margin-bottom:10px!important;text-align:center!important}.btn-print{height:36px!important;font-size:.8rem!important;border-radius:8px!important;padding:0 14px!important}.history-card{padding:8px 10px!important;border-radius:8px!important;margin-bottom:6px!important}.history-card-date{font-size:.85rem!important}.history-card-pic,.history-card-notes-preview{font-size:.75rem!important}.apar-form .form-group{margin-bottom:8px!important}.apar-form label{font-size:.75rem!important;margin-bottom:2px!important}.apar-form .form-control{height:36px!important;font-size:.8rem!important}.apar-form .form-row{flex-direction:column!important;gap:8px!important}.hatsumono-main-card{padding:12px 10px!important;border-radius:12px!important;box-shadow:0 1px 3px #00000008!important}.hatsumono-header-section{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:12px!important;padding-bottom:12px!important}.hatsumono-header-left{width:100%!important;gap:2px!important}.hatsumono-page-title{font-size:1.15rem!important;white-space:normal!important;word-break:break-word!important;line-height:1.25!important}.hatsumono-page-desc{display:none!important}.hatsumono-header-right{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important}.hatsumono-search-box{position:relative!important;flex:1!important;width:auto!important;min-width:0!important;box-sizing:border-box!important}.hatsumono-search-box .hatsumono-search-icon,.hatsumono-search-icon{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;width:15px!important;height:15px!important;color:var(--text-muted, #94a3b8)!important;pointer-events:none!important;z-index:5!important}.hatsumono-search-box .hatsumono-search-input,.hatsumono-search-input{box-sizing:border-box!important;width:100%!important;height:38px!important;font-size:.8rem!important;padding:0 10px 0 36px!important;border-radius:8px!important;line-height:normal!important}.hatsumono-portal-btn{flex-shrink:0!important;width:auto!important;height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.76rem!important;font-weight:500!important;padding:0 10px!important;border-radius:8px!important;gap:5px!important;white-space:nowrap!important}.hatsumono-portal-btn svg{width:15px!important;height:15px!important;flex-shrink:0!important}.hatsumono-folder-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-top:10px!important}.hatsumono-folder-card{margin-top:22px!important}.hatsumono-folder-card:hover,.hatsumono-folder-card:hover .hatsumono-folder-front,.hatsumono-folder-card:hover .folder-paper{transform:none!important}.hatsumono-folder-card:before{top:-22px!important;height:22px!important;width:115px!important;border-radius:8px 14px 0 0!important}.hatsumono-folder-tab-badge{top:-18px!important;left:10px!important;font-size:.68rem!important;max-width:95px!important}.hatsumono-folder-papers{left:120px!important;right:8px!important}.hatsumono-folder-front{padding:12px!important;gap:10px!important;border-radius:0 10px 10px!important}.hatsumono-folder-header{gap:8px!important}.hatsumono-folder-title{font-size:.98rem!important;margin-bottom:3px!important;line-height:1.25!important}.hatsumono-folder-pn{font-size:.72rem!important;padding:2px 6px!important}.hatsumono-folder-actions{gap:2px!important;flex-shrink:0!important}.hatsumono-action-btn{width:30px!important;height:30px!important}.hatsumono-action-btn svg{width:14px!important;height:14px!important}.hatsumono-folder-meta{padding:8px 10px!important;gap:5px!important;border-radius:8px!important;font-size:.78rem!important}.hatsumono-meta-row{gap:8px!important}.hatsumono-meta-label{font-size:.72rem!important;flex-shrink:0!important}.hatsumono-meta-value{font-size:.76rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.hatsumono-badges-row{gap:6px!important;padding-top:8px!important;margin-top:auto!important}.hatsumono-badge-tag{padding:3px 8px!important;font-size:.7rem!important;gap:4px!important}.hatsumono-modern-breadcrumb{max-width:100%!important;overflow-x:auto!important;padding:4px 8px!important;border-radius:8px!important;-webkit-overflow-scrolling:touch!important}.breadcrumb-btn{font-size:.75rem!important;padding:2px 6px!important}.breadcrumb-current{font-size:.75rem!important;max-width:160px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.hatsumono-empty-card{padding:28px 14px!important;border-radius:14px!important;margin-top:12px!important}.hatsumono-empty-icon-wrapper{width:56px!important;height:56px!important;margin-bottom:12px!important}.hatsumono-empty-icon{width:32px!important;height:32px!important}.hatsumono-empty-title{font-size:1rem!important}.hatsumono-empty-desc{font-size:.78rem!important;line-height:1.4!important}.public-hatsumono-nav{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"logo actions" "title title"!important;align-items:center!important;gap:8px 12px!important;padding:12px 16px!important;width:100%!important}.nav-logo-btn{grid-area:logo!important;justify-self:start!important;align-self:center!important;margin:0!important;padding:6px 12px!important;font-size:.8rem!important;height:36px!important}.nav-right-actions{grid-area:actions!important;justify-self:end!important;align-self:center!important;margin:0!important;display:flex!important;align-items:center!important}.nav-theme-toggle-btn{width:36px!important;height:36px!important;border-radius:10px!important}.nav-title{grid-area:title!important;text-align:left!important;width:100%!important;margin-top:2px!important}.nav-title h1{font-size:1.5rem!important;line-height:1.2!important;letter-spacing:-.5px!important}.nav-title p{font-size:.76rem!important;line-height:1.35!important;white-space:normal!important;word-break:break-word!important;margin-left:0!important;margin-top:3px!important}.public-hatsumono-content{padding:14px 12px!important}.setup-folder-card{padding:14px 12px!important;border-radius:14px!important;margin-bottom:14px!important;box-shadow:0 1px 4px #0000000a!important}.setup-card-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:12px!important;padding-bottom:10px!important;border-bottom:1px solid var(--border-color, #e2e8f0)!important}.setup-card-header-left{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important}.setup-header-icon-box{width:34px!important;height:34px!important;border-radius:9px!important;flex-shrink:0!important}.setup-header-icon-box .setup-header-icon{width:17px!important;height:17px!important}.setup-title-wrapper{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}.setup-card-title{font-size:.95rem!important;font-weight:700!important;margin:0!important;line-height:1.25!important}.setup-live-pill{font-size:.65rem!important;padding:2px 6px!important}.setup-card-desc{font-size:.72rem!important;line-height:1.35!important;margin-top:2px!important;margin-bottom:0!important;color:var(--text-muted, #64748b)!important}.setup-doc-info-tag{align-self:flex-start!important;margin-top:2px!important;font-size:.7rem!important;padding:3px 8px!important;border-radius:6px!important;gap:5px!important}.setup-doc-info-tag .doc-info-icon{width:12px!important;height:12px!important}.setup-form-section{margin-bottom:12px!important}.setup-section-label{display:flex!important;align-items:center!important;gap:6px!important;margin-bottom:8px!important}.setup-section-icon-badge{width:20px!important;height:20px!important;border-radius:6px!important;font-size:.68rem!important;font-weight:800!important;flex-shrink:0!important}.setup-section-title{font-size:.82rem!important;font-weight:700!important;letter-spacing:-.1px!important}.setup-required-indicator{font-size:.68rem!important;margin-left:auto!important}.setup-grid-3{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.setup-field-group{display:flex!important;flex-direction:column!important;gap:3px!important;width:100%!important}.setup-field-label{font-size:.72rem!important;font-weight:600!important;gap:4px!important;color:#475569!important}.setup-field-label .label-icon{width:12px!important;height:12px!important}.setup-theme-input{box-sizing:border-box!important;width:100%!important;height:36px!important;font-size:.8rem!important;padding:0 10px!important;border-radius:8px!important}.setup-meta-panel{padding:10px!important;border-radius:10px!important;background:#f8fafc!important}:root.dark .setup-meta-panel,.dark .setup-meta-panel{background:#0f172a!important;border-color:#334155!important}.setup-grid-meta{display:grid!important;grid-template-columns:2fr 1fr!important;gap:8px!important;width:100%!important}.setup-input-suffix-wrapper{position:relative!important;width:100%!important}.setup-input-suffix-wrapper .setup-theme-input{padding-right:32px!important}.setup-input-suffix{font-size:.72rem!important;right:8px!important}.setup-dropzone-box{border-radius:10px!important;border-width:1.5px!important}.setup-dropzone-label{flex-direction:row!important;text-align:left!important;padding:10px 12px!important;gap:12px!important;align-items:center!important}.setup-dropzone-icon-circle{width:36px!important;height:36px!important;border-radius:9px!important;flex-shrink:0!important}.setup-dropzone-icon-circle .setup-dropzone-icon{width:18px!important;height:18px!important}.setup-dropzone-text-group{gap:2px!important;flex:1!important;min-width:0!important}.setup-dropzone-title{font-size:.78rem!important;line-height:1.25!important}.setup-dropzone-subtitle{display:none!important}.setup-dropzone-chips{gap:4px!important;margin-top:3px!important}.setup-dropzone-chip{font-size:.65rem!important;padding:2px 6px!important;border-radius:4px!important}.setup-preview-card{padding:10px 12px!important;border-radius:10px!important;gap:8px!important;flex-direction:column!important;align-items:stretch!important}.setup-preview-left{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important}.setup-preview-thumb-wrap{width:44px!important;height:44px!important;border-radius:8px!important;flex-shrink:0!important}.setup-preview-meta{flex:1!important;min-width:0!important;gap:2px!important}.setup-preview-filename{font-size:.78rem!important;max-width:180px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.setup-preview-filesize{font-size:.68rem!important}.setup-preview-status{font-size:.68rem!important;gap:4px!important}.setup-preview-actions{width:100%!important;justify-content:flex-end!important;gap:6px!important;margin-top:4px!important}.setup-btn-change-file,.setup-btn-remove-file{padding:5px 10px!important;font-size:.72rem!important;height:30px!important;border-radius:6px!important}.hatsumono-sheet-bar-container{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;border-radius:12px!important;margin-bottom:14px!important;background:#fff!important;box-shadow:0 1px 3px #0000000a!important}:root.dark .hatsumono-sheet-bar-container,.dark .hatsumono-sheet-bar-container{background:#111827!important;border-color:#1f2937!important}.sheet-nav-arrow-btn.prev,.sheet-nav-arrow-btn.next{width:28px!important;height:32px!important;border-radius:7px!important;margin:0!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.sheet-nav-arrow-btn.prev{order:1!important}.hatsumono-sheet-tabs{order:2!important;flex:1 1 0%!important;min-width:0!important;max-width:calc(100% - 76px)!important;display:flex!important;align-items:center!important;gap:6px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding:2px 0!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.hatsumono-sheet-tabs::-webkit-scrollbar{display:none!important}.sheet-nav-arrow-btn.next{order:3!important}.sheet-tab-item{padding:6px 11px!important;font-size:.74rem!important;font-weight:600!important;border-radius:8px!important;gap:5px!important;white-space:nowrap!important;flex-shrink:0!important;height:32px!important;display:inline-flex!important;align-items:center!important}.sheet-tab-item svg{width:13px!important;height:13px!important;flex-shrink:0!important}.hatsumono-sheet-bar-actions{order:4!important;flex:0 0 100%!important;width:100%!important;display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;padding:8px 0 2px!important;border-left:none!important;border-top:1px dashed var(--border-color, #e2e8f0)!important}:root.dark .hatsumono-sheet-bar-actions,.dark .hatsumono-sheet-bar-actions{border-top-color:#374151!important}.add-lqc-btn,.add-oqc-btn{flex:1 1 0!important;min-width:0!important;height:32px!important;padding:0 6px!important;font-size:.72rem!important;font-weight:600!important;border-radius:7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;letter-spacing:-.2px!important}.add-lqc-btn svg,.add-oqc-btn svg{width:13px!important;height:13px!important;flex-shrink:0!important}.cover-summary-card{padding:14px 12px!important;border-radius:14px!important;margin-bottom:14px!important;box-shadow:0 1px 4px #0000000a!important}.cover-summary-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:12px!important;padding-bottom:10px!important;border-bottom:1px solid var(--border-color, #e2e8f0)!important}.cover-summary-header-left{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important}.cover-summary-icon-box{width:34px!important;height:34px!important;border-radius:9px!important;flex-shrink:0!important}.cover-summary-icon{width:17px!important;height:17px!important}.cover-summary-title-wrapper{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}.cover-summary-title{font-size:.95rem!important;font-weight:700!important;margin:0!important;line-height:1.25!important}.cover-summary-status-pill{font-size:.65rem!important;padding:2px 6px!important}.cover-summary-desc{font-size:.72rem!important;line-height:1.35!important;margin-top:2px!important;margin-bottom:0!important;color:var(--text-muted, #64748b)!important}.cover-summary-grid{display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:12px!important}.cover-metric-card{min-height:auto!important;padding:10px 12px!important;border-radius:10px!important;gap:8px!important;transition:none!important}.cover-metric-header{display:flex!important;align-items:center!important;gap:8px!important}.cover-metric-icon-wrap{width:26px!important;height:26px!important;border-radius:6px!important}.cover-metric-icon-wrap svg{width:14px!important;height:14px!important}.cover-metric-tag{font-size:.7rem!important;letter-spacing:.2px!important}.cover-metric-content{gap:3px!important}.cover-metric-title{font-size:.88rem!important;line-height:1.25!important}.cover-metric-subtitle{font-size:.75rem!important}.cover-metric-stat{gap:6px!important}.cover-stat-number{font-size:1.25rem!important}.cover-stat-unit{font-size:.74rem!important}.cover-metric-chips-row{gap:4px!important;margin-top:4px!important;max-height:38px!important}.cover-chip-item{font-size:.68rem!important;padding:2px 6px!important;border-radius:4px!important}.cover-metric-footer{padding-top:8px!important;margin-top:2px!important;gap:6px!important;border-top:1px solid var(--border-color, #e2e8f0)!important}.cover-metric-badge{font-size:.68rem!important;padding:2px 6px!important;border-radius:5px!important}.cover-metric-note{font-size:.68rem!important}.cover-drawing-preview-box{padding:10px 12px!important;border-radius:10px!important;margin-bottom:12px!important}.cover-drawing-header{margin-bottom:8px!important;gap:6px!important}.cover-drawing-title{font-size:.78rem!important}.cover-drawing-title svg{width:14px!important;height:14px!important}.cover-drawing-status{font-size:.66rem!important;padding:2px 6px!important}.cover-drawing-img-frame{padding:8px!important;max-height:200px!important;border-radius:8px!important}.cover-drawing-img{max-height:180px!important}.cover-summary-footer-action{margin-top:12px!important;padding-top:10px!important;border-top:1px solid var(--border-color, #e2e8f0)!important}.cover-btn-open-lqc{width:100%!important;height:38px!important;padding:0 14px!important;font-size:.82rem!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.cover-btn-open-lqc svg{width:15px!important;height:15px!important}.submit-action-wrapper{margin-top:14px!important;margin-bottom:20px!important;width:100%!important}.submit-btn{width:100%!important;padding:11px 12px!important;font-size:.84rem!important;font-weight:700!important;line-height:1.3!important;border-radius:10px!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.hatsumono-detail-top-nav{flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-bottom:12px!important}.hatsumono-modern-breadcrumb{width:100%!important;font-size:.78rem!important;overflow-x:auto!important;white-space:nowrap!important;padding:6px 10px!important}.hatsumono-detail-top-actions{width:100%!important;display:flex!important;align-items:center!important;gap:8px!important}.btn-sidebar-breadcrumb-toggle{flex:1!important;height:36px!important;font-size:.76rem!important;justify-content:center!important;padding:0 10px!important;border-radius:8px!important;gap:6px!important}.btn-hatsumono-download-all{flex:1!important;height:36px!important;font-size:.76rem!important;padding:0 10px!important;justify-content:center!important;border-radius:8px!important;white-space:nowrap!important;gap:6px!important}.btn-dl-text-full{display:none!important}.btn-dl-text-mobile{display:inline!important}.hatsumono-tree-sidebar-backdrop{display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#0f172a99!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;z-index:10040!important;animation:fadeIn .2s ease!important}.hatsumono-detail-layout{display:block!important;position:relative!important;width:100%!important}.hatsumono-tree-sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:86vw!important;max-width:320px!important;min-width:0!important;height:100dvh!important;max-height:100dvh!important;z-index:10050!important;background:var(--card-bg, #ffffff)!important;border-radius:0 16px 16px 0!important;border:none!important;border-right:1px solid var(--border-thin, #cbd5e1)!important;box-shadow:6px 0 24px #00000038!important;margin-right:0!important;padding:16px 14px 70px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;transform:translate(0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility 0s linear!important}.hatsumono-tree-sidebar.collapsed{transform:translate(-105%)!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:86vw!important;max-width:320px!important;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility 0s linear .25s!important}.hatsumono-tree-sidebar-inner{width:100%!important;min-width:0!important;max-height:none!important;height:auto!important;overflow:visible!important;display:flex!important;flex-direction:column!important;gap:12px!important;box-sizing:border-box!important}body:has(.hatsumono-tree-sidebar:not(.collapsed)) .mobile-bottom-nav{display:none!important}.dark .hatsumono-tree-sidebar{background:#0f172a!important;border-right-color:#334155!important;box-shadow:6px 0 24px #00000080!important}.hatsumono-detail-content{width:100%!important;min-width:0!important}.hatsumono-sidebar-collapsed-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 10px!important;gap:8px!important;background:var(--bg-slate, #f8fafc)!important;border-bottom:1px solid var(--border-thin, #e2e8f0)!important}.btn-open-tree-sidebar{height:32px!important;padding:0 8px 0 4px!important;font-size:.72rem!important;border-radius:9999px!important;gap:5px!important;flex-shrink:0!important}.btn-open-tree-icon{width:22px!important;height:22px!important}.btn-open-tree-hint{display:none!important}.hatsumono-mobile-sheet-nav{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;flex:1!important;justify-content:flex-end!important}.btn-sheet-nav-arrow{width:28px!important;height:28px!important;padding:0!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:var(--card-bg, #ffffff)!important;border:1px solid var(--border-thin, #cbd5e1)!important;color:var(--text-muted, #64748b)!important;flex-shrink:0!important}.collapsed-bar-active-chip{max-width:130px!important;padding:3px 6px!important;font-size:.68rem!important;border-radius:6px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:inline-flex!important}.chip-badge-text{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.68rem!important}.hatsumono-meta-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:14px!important}.hatsumono-meta-card{padding:8px 10px!important;border-radius:8px!important;background:var(--bg-slate, #f8fafc)!important;border:1px solid var(--border-thin, #e2e8f0)!important}.hatsumono-meta-card label{font-size:.65rem!important;font-weight:700!important;color:var(--text-muted, #64748b)!important;display:block!important;margin-bottom:2px!important}.hatsumono-meta-card .meta-val{font-size:.8rem!important;font-weight:600!important;color:var(--text-main, #0f172a)!important;word-break:break-word!important}.hatsumono-meta-card .meta-sub{font-size:.68rem!important;margin-top:2px!important;color:var(--text-muted, #64748b)!important}.hatsumono-unified-card{border-radius:10px!important}.hatsumono-unified-card>div[style*="padding: 24px"],.hatsumono-unified-card>div[style*="padding: '24px'"],.hatsumono-unified-card>div[style*="padding:24px"]{padding:12px 10px!important}.cover09-text-desktop{display:none!important}.cover09-text-mobile{display:inline!important}.cover09-container{padding:12px 10px!important}.cover09-header{margin-bottom:14px!important;padding-bottom:12px!important}.cover09-title-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:nowrap!important}.cover09-title{font-size:.92rem!important;gap:6px!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.cover09-badge-tag{font-size:.65rem!important;padding:2px 6px!important;white-space:nowrap!important;flex-shrink:0!important}.cover09-result-badge{font-size:.72rem!important;padding:3px 8px!important;white-space:nowrap!important;flex-shrink:0!important}.cover09-desc{font-size:.75rem!important;margin-top:4px!important;line-height:1.35!important}.cover09-table-header{margin-bottom:8px!important;align-items:center!important}.cover09-table-title{font-size:.85rem!important}.cover09-table-count{font-size:.68rem!important;padding:1px 6px!important}.cover09-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:8px!important;border:1px solid var(--border-thin, #e2e8f0)!important}.cover09-table{min-width:520px!important}.cover09-table th,.cover09-table td{padding:8px 10px!important;font-size:.78rem!important}.cover09-action-btns{display:flex!important;flex-wrap:nowrap!important;white-space:nowrap!important;gap:4px!important;justify-content:center!important;align-items:center!important}.cover09-action-btn{padding:4px 8px!important;font-size:.72rem!important;height:28px!important;min-width:0!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:3px!important;flex-shrink:0!important}.cover09-image-section{margin-top:16px!important;padding-top:14px!important}.cover09-image-title{font-size:.85rem!important;margin-bottom:10px!important}.cover09-image-frame{padding:12px!important;min-height:160px!important;border-radius:10px!important}.cover09-image-preview{max-height:220px!important}.is-sheet-text-desktop,.is-sheet-desc-desktop,.is-sheet-btn-desktop{display:none!important}.is-sheet-text-mobile,.is-sheet-desc-mobile,.is-sheet-btn-mobile{display:inline!important}.is-sheet-card{padding:12px 10px!important;border-radius:12px!important}.is-sheet-header{margin-bottom:14px!important;padding-bottom:12px!important}.is-sheet-title-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:nowrap!important}.is-sheet-title-left{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}.is-sheet-badge{font-size:.65rem!important;padding:2px 7px!important;flex-shrink:0!important}.is-sheet-title{font-size:.92rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}.is-sheet-actions{display:flex!important;gap:5px!important;flex-shrink:0!important}.is-sheet-action-btn{padding:5px 10px!important;font-size:.72rem!important;height:28px!important;border-radius:8px!important;gap:4px!important}.is-sheet-desc{font-size:.75rem!important;margin-top:6px!important;gap:6px!important;line-height:1.35!important}.is-sheet-desc-icon{width:14px!important;height:14px!important}.is-sheet-dropzone{padding:24px 14px!important;margin:8px 0!important;border-radius:12px!important}.is-sheet-dropzone-icon{width:44px!important;height:44px!important;margin-bottom:10px!important}.is-sheet-dropzone-icon svg{width:22px!important;height:22px!important}.is-sheet-dropzone-title{font-size:.92rem!important;margin-bottom:6px!important}.is-sheet-dropzone-desc{font-size:.75rem!important;margin-bottom:14px!important;line-height:1.35!important}.is-sheet-upload-btn{padding:8px 16px!important;font-size:.76rem!important;border-radius:10px!important}.is-sheet-meta-card{padding:10px 12px!important;border-radius:10px!important;gap:10px!important}.is-sheet-meta-info{gap:10px!important;width:100%!important}.is-sheet-file-icon{width:38px!important;height:38px!important;border-radius:8px!important;flex-shrink:0!important}.is-sheet-file-icon svg{width:18px!important;height:18px!important}.is-sheet-file-name{font-size:.82rem!important;gap:6px!important;word-break:break-all!important}.is-sheet-type-badge{font-size:.6rem!important;padding:1px 6px!important}.is-sheet-meta-sub{font-size:.68rem!important;margin-top:2px!important}.is-sheet-file-actions{width:100%!important;display:flex!important;gap:6px!important}.is-sheet-file-btn{flex:1!important;justify-content:center!important;padding:6px 8px!important;font-size:.72rem!important;border-radius:8px!important;height:30px!important;white-space:nowrap!important}.is-sheet-viewer-box{border-radius:10px!important}.is-sheet-pdf-frame{height:420px!important}.is-sheet-img-frame{padding:12px!important;min-height:220px!important}.equipment-sheet-card{padding:12px 10px!important;border-radius:12px!important}.hatsumono-drawings-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-bottom:12px!important;padding-bottom:10px!important}.hatsumono-drawings-header-title{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;white-space:nowrap!important;width:100%!important;min-width:0!important}.hatsumono-drawings-header-title h3{font-size:.82rem!important;font-weight:700!important;margin:0!important;white-space:nowrap!important;line-height:1.25!important;flex-shrink:1!important;overflow:hidden!important;text-overflow:ellipsis!important;letter-spacing:-.2px!important}.hatsumono-drawings-counter{font-size:.65rem!important;font-weight:600!important;padding:2px 7px!important;white-space:nowrap!important;flex-shrink:0!important;border-radius:9999px!important}.hatsumono-badge-tag-outline{font-size:.62rem!important;padding:2px 5px!important;white-space:nowrap!important;flex-shrink:0!important}.hatsumono-drawings-header-desc{font-size:.72rem!important;line-height:1.35!important}.equipment-header-actions-wrapper{width:100%!important;display:flex!important;flex-direction:column!important;gap:8px!important}.equipment-filter-group{width:100%!important;display:flex!important;gap:8px!important;box-sizing:border-box!important;background:transparent!important;border:none!important;padding:0!important}.equipment-filter-group .equip-filter-btn,.equipment-filter-group .btn{flex:1!important;height:38px!important;font-size:.74rem!important;padding:0 10px!important;justify-content:center!important;border-radius:9999px!important}.equipment-header-btn-row{width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;align-items:center!important}.equipment-header-btn-row .hatsumono-header-add-btn,.equipment-header-btn-row .hatsumono-header-save-btn{flex:1 1 0!important;width:50%!important;min-width:0!important;max-width:none!important;height:38px!important;padding:0 8px!important;font-size:.76rem!important;font-weight:600!important;white-space:nowrap!important;justify-content:center!important;gap:5px!important;border-radius:9999px!important;box-sizing:border-box!important}.equipment-header-btn-row .hatsumono-header-add-btn svg,.equipment-header-btn-row .hatsumono-header-save-btn svg{width:14px!important;height:14px!important;flex-shrink:0!important}.equip-desc-desktop,.equip-title-desktop,.equip-btn-desktop{display:none!important}.equip-desc-mobile,.equip-title-mobile,.equip-btn-mobile{display:inline!important}.hatsumono-drawings-empty-dropzone{padding:24px 14px!important;border-radius:12px!important}.empty-dropzone-icon-badge{width:48px!important;height:48px!important;border-radius:12px!important;margin-bottom:12px!important}.empty-dropzone-icon-badge svg{width:24px!important;height:24px!important}.empty-dropzone-title{font-size:.95rem!important;margin-bottom:4px!important}.empty-dropzone-subtitle{font-size:.72rem!important;line-height:1.35!important;max-width:100%!important;margin-bottom:12px!important}.empty-dropzone-format-tags{gap:4px!important;margin-bottom:14px!important}.empty-dropzone-format-tags .format-tag{font-size:.65rem!important;padding:2px 6px!important;border-radius:5px!important}.empty-dropzone-format-tags .format-tag-info{display:none!important}.empty-dropzone-btn{height:36px!important;padding:0 16px!important;font-size:.78rem!important;border-radius:8px!important}.lqc-sheet-card,.oqc-sheet-card{padding:14px 12px!important;border-radius:14px!important;margin-bottom:14px!important;box-shadow:0 1px 4px #0000000a!important;gap:14px!important}.lqc-sheet-header,.oqc-sheet-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:12px!important;padding-bottom:10px!important;border-bottom:1px solid var(--border-color, #e2e8f0)!important}.lqc-sheet-header-left,.oqc-sheet-header-left{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important}.lqc-header-icon-box,.oqc-header-icon-box{width:34px!important;height:34px!important;border-radius:9px!important;flex-shrink:0!important}.lqc-header-icon,.oqc-header-icon{width:17px!important;height:17px!important}.lqc-title-wrapper,.oqc-title-wrapper{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;margin-bottom:0!important}.lqc-sheet-title,.oqc-sheet-title{font-size:.95rem!important;font-weight:700!important;margin:0!important;line-height:1.25!important}.lqc-badge-pill,.oqc-badge-pill{font-size:.65rem!important;padding:2px 7px!important}.lqc-sheet-desc,.oqc-sheet-desc{font-size:.72rem!important;line-height:1.35!important;margin-top:2px!important;color:var(--text-muted, #64748b)!important}.lqc-btn-delete-sheet{align-self:flex-start!important;font-size:.7rem!important;padding:4px 8px!important;border-radius:6px!important;margin-top:2px!important;gap:4px!important}.oqc-sheet-header-right{width:100%!important;justify-content:space-between!important;gap:8px!important}.oqc-status-control-card{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:4px 6px 4px 10px!important;border-radius:8px!important}.oqc-status-control-label{font-size:.74rem!important}.oqc-status-pill{padding:4px 10px!important;font-size:.72rem!important;border-radius:6px!important}.lqc-part-info-panel{padding:10px!important;border-radius:10px!important;margin-bottom:12px!important}.lqc-part-info-panel .setup-field-group{gap:4px!important;width:100%!important}.lqc-part-info-panel .setup-field-label{font-size:.76rem!important;font-weight:600!important;margin-bottom:2px!important}.lqc-part-info-panel .setup-theme-input{height:36px!important;padding:6px 10px!important;font-size:.82rem!important;border-radius:8px!important;width:100%!important;box-sizing:border-box!important}.lqc-grid-2{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.oqc-painting-spec-card{padding:12px 10px!important;border-radius:12px!important;margin-bottom:12px!important;box-shadow:0 1px 3px #0000000a!important}.oqc-painting-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:10px!important;padding-bottom:8px!important;border-bottom:1px solid var(--border-thin, #e2e8f0)!important}.oqc-painting-title-group{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important}.oqc-painting-icon-box{width:32px!important;height:32px!important;border-radius:8px!important;flex-shrink:0!important}.oqc-painting-icon-box svg{width:16px!important;height:16px!important}.oqc-painting-title{font-size:.88rem!important;font-weight:700!important;margin:0!important;line-height:1.25!important}.oqc-painting-subtext{font-size:.7rem!important;line-height:1.35!important;margin-top:2px!important;color:var(--text-muted, #64748b)!important}.oqc-painting-badge{align-self:flex-start!important;font-size:.65rem!important;padding:2px 8px!important;border-radius:9999px!important;gap:4px!important;margin-top:2px!important}.oqc-painting-grid{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.oqc-painting-field{padding:10px 12px!important;border-radius:10px!important;gap:6px!important;width:100%!important;box-sizing:border-box!important}.oqc-painting-label{font-size:.76rem!important;font-weight:700!important;gap:6px!important;margin-bottom:2px!important}.oqc-painting-label svg{width:14px!important;height:14px!important}.oqc-painting-presets{display:flex!important;gap:4px!important;flex-wrap:wrap!important}.oqc-preset-chip{padding:3px 8px!important;font-size:.7rem!important;border-radius:6px!important}.oqc-painting-field input.theme-input,.oqc-painting-field .theme-input.sm{height:34px!important;padding:6px 10px!important;font-size:.8rem!important;border-radius:8px!important;width:100%!important;box-sizing:border-box!important}.oqc-painting-tiles-grid{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.oqc-spec-tile{padding:10px 12px!important;border-radius:10px!important;gap:4px!important}.oqc-spec-tile-label{font-size:.68rem!important}.oqc-spec-tile-val{font-size:1.05rem!important}.oqc-spec-tile-sub{font-size:.68rem!important}.lqc-table-section,.oqc-table-section{width:100%!important;margin-bottom:12px!important}.lqc-table-header-action,.oqc-table-header-action{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-bottom:10px!important}.lqc-table-title-group,.oqc-table-title-group{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:nowrap!important;white-space:nowrap!important;max-width:100%!important}.lqc-table-title,.oqc-table-title{font-size:.74rem!important;font-weight:700!important;white-space:nowrap!important;margin:0!important;line-height:1.25!important;letter-spacing:-.25px!important}.lqc-table-count-badge,.oqc-table-count-badge{font-size:.62rem!important;font-weight:600!important;padding:1px 6px!important;white-space:nowrap!important;flex-shrink:0!important;border-radius:9999px!important;letter-spacing:-.1px!important}.lqc-add-row-btn,.oqc-add-row-btn{width:100%!important;height:34px!important;padding:0 12px!important;font-size:.76rem!important;font-weight:600!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important}.lqc-add-row-btn svg,.oqc-add-row-btn svg{width:14px!important;height:14px!important;flex-shrink:0!important}.lqc-table-responsive,.oqc-table-responsive{border-radius:10px!important;-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.lqc-dim-table{min-width:680px!important}.oqc-dim-table{min-width:820px!important;max-width:none!important;width:max-content!important}.lqc-dim-table th,.oqc-dim-table th{padding:8px!important;font-size:.68rem!important;white-space:nowrap!important}.lqc-dim-table td,.oqc-dim-table td{padding:6px!important;font-size:.78rem!important;vertical-align:middle!important}.lqc-cell-index,.oqc-cell-index{width:22px!important;height:22px!important;font-size:.72rem!important;border-radius:5px!important}.lqc-cell-input,.oqc-cell-input{height:32px!important;padding:4px 8px!important;font-size:.78rem!important;border-radius:6px!important}.oqc-select-wrap{position:relative!important;width:100%!important}.lqc-cell-select,.oqc-cell-select{height:32px!important;padding:4px 20px 4px 8px!important;font-size:.76rem!important;border-radius:6px!important;background-size:11px!important;background-position:right 5px center!important}.lqc-kes-chip{font-size:.7rem!important;padding:2px 6px!important;border-radius:5px!important}.lqc-target-chip{font-size:.72rem!important;padding:2px 6px!important;border-radius:5px!important}.oqc-sampling-units-row{display:flex!important;align-items:center!important;gap:4px!important;justify-content:center!important}.oqc-unit-input-wrapper{width:48px!important;height:32px!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;background:var(--card-bg, #ffffff)!important;border:1px solid var(--border-color, #cbd5e1)!important;overflow:hidden!important}.oqc-unit-prefix{font-size:.62rem!important;font-weight:700!important;padding:2px 3px!important;line-height:1!important;color:var(--text-muted, #64748b)!important;background:var(--bg-slate, #f8fafc)!important;border-right:1px solid var(--border-color, #e2e8f0)!important;-webkit-user-select:none!important;user-select:none!important}.oqc-sampling-input{width:100%!important;height:100%!important;border:none!important;outline:none!important;padding:2px 3px!important;font-size:.76rem!important;font-weight:600!important;text-align:center!important;color:var(--text-main, #0f172a)!important;background:transparent!important;box-sizing:border-box!important}.lqc-row-del-btn,.oqc-row-del-btn{width:26px!important;height:26px!important;border-radius:5px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.sheet-drawing-card{padding:12px 10px!important;border-radius:12px!important;margin-top:14px!important;box-shadow:0 1px 3px #0000000a!important}.sheet-drawing-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:10px!important;padding-bottom:8px!important;border-bottom:1px solid var(--border-color, #e2e8f0)!important}.sheet-drawing-title-wrap{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important}.sheet-drawing-icon-box{width:32px!important;height:32px!important;border-radius:8px!important;flex-shrink:0!important}.sheet-drawing-icon-box svg{width:16px!important;height:16px!important}.sheet-drawing-title{font-size:.88rem!important;font-weight:700!important;margin:0!important;line-height:1.25!important}.sheet-drawing-subtext{font-size:.7rem!important;line-height:1.3!important;margin-top:2px!important;color:var(--text-muted, #64748b)!important}.sheet-drawing-badge-group{align-self:flex-start!important;margin-top:2px!important}.sheet-drawing-status-badge{font-size:.65rem!important;padding:2px 7px!important;border-radius:6px!important}.sheet-drawing-dropzone-box{padding:14px 10px!important;border-radius:10px!important;border-width:1.5px!important}.sheet-drawing-dropzone-center{gap:6px!important}.sheet-drawing-dropzone-icon-circle{width:38px!important;height:38px!important;border-radius:9px!important;margin-bottom:6px!important}.sheet-drawing-dropzone-icon-circle svg{width:20px!important;height:20px!important}.sheet-drawing-dropzone-title{font-size:.82rem!important;margin-bottom:2px!important}.sheet-drawing-dropzone-desc{font-size:.7rem!important;line-height:1.35!important;margin-bottom:8px!important;max-width:100%!important}.sheet-dropzone-browse-btn{height:34px!important;padding:0 12px!important;font-size:.76rem!important;border-radius:7px!important;gap:5px!important}.sheet-drawing-chips-row{gap:4px!important;margin-top:8px!important;flex-wrap:wrap!important;justify-content:center!important}.sheet-drawing-chip{font-size:.65rem!important;padding:2px 6px!important;border-radius:4px!important}.sheet-drawing-custom-active-card{flex-direction:column!important;padding:10px!important;gap:10px!important;border-radius:10px!important}.custom-active-preview-left{flex-direction:column!important;gap:8px!important;width:100%!important}.custom-active-thumb-wrap{width:100%!important;height:160px!important;border-radius:8px!important}.custom-file-header{gap:6px!important;flex-wrap:wrap!important}.custom-file-name{font-size:.78rem!important}.custom-active-badge{font-size:.65rem!important;padding:2px 6px!important}.custom-file-desc{font-size:.7rem!important;line-height:1.35!important}.custom-specs-row{gap:4px!important}.spec-tag{font-size:.65rem!important;padding:2px 6px!important}.custom-active-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:6px!important;margin-top:4px!important}.sheet-btn-action{height:32px!important;font-size:.72rem!important;padding:0 4px!important;border-radius:6px!important;justify-content:center!important}.sheet-drawing-customer-quick-bar{padding:8px 10px!important;border-radius:8px!important;margin-top:8px!important;gap:6px!important;flex-direction:column!important;align-items:flex-start!important}.customer-quick-label{font-size:.68rem!important}.customer-quick-chips{gap:4px!important;width:100%!important;overflow-x:auto!important}.customer-quick-btn{font-size:.66rem!important;padding:2px 6px!important;border-radius:4px!important;white-space:nowrap!important}.sheet-drawing-mini-inherited-strip{padding:8px 10px!important;border-radius:8px!important;margin-top:8px!important;gap:8px!important}.mini-inherited-thumb{width:36px!important;height:36px!important;border-radius:6px!important}.mini-inherited-title{font-size:.72rem!important}.mini-inherited-note{font-size:.66rem!important}.customer-drawings-sheet-card{padding:14px 12px!important;border-radius:14px!important;margin-bottom:14px!important;gap:12px!important;box-shadow:0 1px 4px #0000000a!important}.customer-drawings-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:10px!important;padding-bottom:10px!important;border-bottom:1px solid var(--border-color, #e2e8f0)!important}.customer-drawings-header-left{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important}.customer-drawings-icon-box{width:34px!important;height:34px!important;border-radius:9px!important;flex-shrink:0!important}.customer-drawings-header-icon{width:17px!important;height:17px!important}.customer-drawings-title-wrapper{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;margin-bottom:0!important}.customer-drawings-title{font-size:.95rem!important;font-weight:700!important;margin:0!important;line-height:1.25!important}.customer-drawings-badge-pill{font-size:.65rem!important;padding:2px 7px!important;border-radius:999px!important}.customer-drawings-desc{font-size:.72rem!important;line-height:1.35!important;margin-top:2px!important;color:var(--text-muted, #64748b)!important}.customer-desc-desktop{display:none!important}.customer-desc-mobile{display:inline!important}.customer-drawings-dropzone{padding:16px 12px!important;border-radius:10px!important;border-width:1.5px!important}.customer-dropzone-content{gap:8px!important}.customer-dropzone-icon-circle{width:40px!important;height:40px!important;border-radius:10px!important;margin-bottom:2px!important}.customer-dropzone-icon-circle svg{width:22px!important;height:22px!important}.customer-dropzone-title{font-size:.84rem!important;font-weight:700!important;margin-bottom:2px!important}.customer-dropzone-desc{font-size:.7rem!important;line-height:1.35!important;max-width:100%!important;margin-bottom:4px!important}.customer-dropzone-actions{width:100%!important;display:flex!important;justify-content:center!important}.customer-dropzone-browse-btn{height:36px!important;padding:0 16px!important;font-size:.78rem!important;border-radius:8px!important;gap:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.customer-dropzone-browse-btn svg{width:15px!important;height:15px!important}.customer-dropzone-chips-row{gap:4px!important;margin-top:6px!important;flex-wrap:wrap!important;justify-content:center!important}.customer-chip{font-size:.65rem!important;padding:2px 7px!important;border-radius:6px!important;gap:4px!important}.customer-chip svg{width:10px!important;height:10px!important}.customer-drawings-gallery-section{gap:10px!important}.gallery-section-header{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;margin-bottom:4px!important}.gallery-section-title{font-size:.85rem!important;font-weight:700!important}.gallery-section-hint{font-size:.68rem!important;line-height:1.3!important}.customer-drawings-grid{grid-template-columns:1fr!important;gap:10px!important}.customer-drawing-add-card{min-height:72px!important;padding:10px 14px!important;flex-direction:row!important;gap:10px!important;border-radius:10px!important;justify-content:center!important}.add-card-icon-circle{width:32px!important;height:32px!important}.add-card-icon-circle svg{width:16px!important;height:16px!important}.add-card-label{font-size:.78rem!important;font-weight:700!important}.add-card-sub{font-size:.68rem!important}.customer-drawing-card{border-radius:10px!important}.drawing-card-top-bar{padding:6px 10px!important;font-size:.68rem!important}.drawing-index-badge{font-size:.68rem!important}.drawing-type-pill{font-size:.62rem!important;padding:1px 6px!important}.drawing-card-thumb-wrap{height:140px!important}.card-overlay-btn{padding:4px 10px!important;font-size:.72rem!important;border-radius:6px!important}.drawing-card-info{padding:8px 10px!important;gap:8px!important}.drawing-card-filename{font-size:.78rem!important;font-weight:600!important}.drawing-card-filesize{font-size:.68rem!important}.drawing-card-del-btn{width:28px!important;height:28px!important;border-radius:6px!important}.customer-drawing-lightbox-modal{padding:10px!important}.lightbox-content-box{max-width:95vw!important;max-height:90dvh!important;border-radius:12px!important}.lightbox-header{padding:10px 12px!important}.lightbox-title{font-size:.82rem!important}.lightbox-size{font-size:.68rem!important}.lightbox-body{padding:8px!important}.lightbox-footer{padding:8px 12px!important;flex-direction:column!important;gap:6px!important}.lightbox-done-btn{width:100%!important;height:34px!important;font-size:.76rem!important}}@media (max-width: 390px){.content-area{padding:10px 8px 70px!important}.mobile-qa-grid{grid-template-columns:repeat(4,1fr)!important;gap:10px 4px!important}.mobile-qa-icon-wrapper{width:44px!important;height:44px!important;border-radius:12px!important}.mobile-qa-icon-wrapper svg{width:22px!important;height:22px!important}.mobile-qa-title{font-size:10px!important}.welcome-greeting{font-size:1.05rem!important}.welcome-message{font-size:.75rem!important}.tier-summary-cards,.po-stat-grid,.stat-cards-container{grid-template-columns:1fr 1fr!important;gap:6px!important}.tier-summary-card,.po-stat-card{padding:8px 10px!important}.stat-value,.po-stat-value{font-size:1.15rem!important}.dashboard-header{padding:0 6px 0 4px!important}.apar-card{padding:12px!important}.apar-grid{gap:10px!important}.apar-details{gap:8px 10px!important}.apar-id{font-size:.95rem!important}.detail-value{font-size:.8rem!important}.btn-qr,.btn-history{font-size:.78rem!important;padding:7px 10px!important;min-height:34px!important}.hatsumono-main-card{padding:10px 8px!important}.hatsumono-folder-front{padding:10px!important}.hatsumono-folder-title{font-size:.92rem!important}.hatsumono-meta-value{font-size:.74rem!important}.hatsumono-badge-tag{font-size:.66rem!important;padding:2px 6px!important}.hatsumono-search-box .hatsumono-search-icon,.hatsumono-search-icon{left:10px!important;width:14px!important;height:14px!important}.hatsumono-search-box .hatsumono-search-input,.hatsumono-search-input{height:36px!important;font-size:.76rem!important;padding-left:32px!important;padding-right:8px!important}.hatsumono-portal-btn{height:36px!important;font-size:.72rem!important;padding:0 8px!important;gap:4px!important}.hatsumono-portal-btn svg{width:14px!important;height:14px!important}.setup-folder-card{padding:12px 10px!important}.setup-card-title{font-size:.9rem!important}.setup-theme-input{height:34px!important;font-size:.76rem!important}.setup-grid-meta{gap:6px!important}.sheet-tab-item{padding:5px 8px!important;font-size:.7rem!important}.add-lqc-btn,.add-oqc-btn{font-size:.67rem!important;padding:0 4px!important;gap:3px!important}.cover-summary-card{padding:12px 10px!important}.cover-summary-title{font-size:.9rem!important}.cover-metric-card{padding:8px 10px!important}.cover-metric-title{font-size:.84rem!important}.cover-stat-number{font-size:1.15rem!important}.submit-btn{font-size:.78rem!important;padding:10px!important}.lqc-sheet-card,.oqc-sheet-card{padding:12px 10px!important}.lqc-sheet-title,.oqc-sheet-title{font-size:.9rem!important}.lqc-table-title,.oqc-table-title{font-size:.71rem!important;letter-spacing:-.3px!important}.lqc-table-count-badge,.oqc-table-count-badge{font-size:.58rem!important;padding:1px 5px!important;letter-spacing:-.15px!important}.lqc-add-row-btn,.oqc-add-row-btn{height:32px!important;font-size:.72rem!important}.oqc-painting-spec-card{padding:10px 8px!important}.oqc-painting-title{font-size:.84rem!important}.oqc-painting-subtext{font-size:.67rem!important}.oqc-preset-chip{font-size:.66rem!important;padding:2px 6px!important}.oqc-unit-input-wrapper{width:44px!important}.sheet-drawing-card{padding:10px 8px!important}.sheet-drawing-title{font-size:.84rem!important}.customer-drawings-sheet-card{padding:12px 10px!important}.customer-drawings-title{font-size:.9rem!important}.customer-dropzone-title{font-size:.8rem!important}.customer-dropzone-browse-btn{height:34px!important;font-size:.74rem!important}.customer-chip{font-size:.62rem!important;padding:2px 5px!important}}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:10000;transform:translateY(150%);opacity:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.toast-container.show{transform:translateY(0);opacity:1}.toast-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:8px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border-left:4px solid #3b82f6;min-width:300px}.toast-success{border-left-color:#10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-info{border-left-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-message{flex:1;font-size:.95rem;font-weight:500;color:#1e293b}.toast-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s ease}.toast-close:hover{color:#0f172a}.ui-modal-overlay.glass{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.ui-modal-content.glass{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);width:90%;max-width:400px;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.ui-modal-header h2{font-size:1.2rem;font-weight:600;color:#0f172a;margin:0}.ui-modal-footer{display:flex;gap:.75rem;padding:1.25rem 1.5rem;background-color:#f8fafc;border-top:1px solid #e2e8f0}.ui-btn-close{background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:4px;transition:all .2s ease}.ui-btn-close:hover{background-color:#f1f5f9;color:#0f172a}.ui-btn-cancel{background:transparent;border:1px solid #cbd5e1;color:#475569;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ui-btn-cancel:hover{background-color:#f1f5f9;color:#0f172a}.ui-btn-save{color:#fff;border:none;padding:.5rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ui-btn-save:hover{background-color:#2563eb!important}.ui-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:uiFadeIn .2s ease-out forwards}.ui-confirm-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);width:100%;max-width:440px;border-radius:20px;box-shadow:0 20px 45px -10px #00000040,0 8px 16px -8px #0000001a;overflow:hidden;position:relative;animation:uiScaleUp .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes uiFadeIn{0%{opacity:0}to{opacity:1}}@keyframes uiScaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ui-confirm-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-muted, #94a3b8);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.ui-confirm-close-btn:hover{background:var(--hover-bg, rgba(0, 0, 0, .05));color:var(--text-main, #0f172a)}.ui-confirm-body{padding:32px 28px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.ui-confirm-icon-wrapper{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:transform .2s ease}.ui-confirm-title{font-size:19px;font-weight:700;color:var(--text-main, #0f172a);margin:0 0 10px;letter-spacing:-.2px}.ui-confirm-question{font-size:14.5px;font-weight:500;color:var(--text-secondary, #475569);line-height:1.55;margin:0}.ui-confirm-callout{margin-top:16px;padding:12px 16px;border-radius:12px;display:flex;align-items:flex-start;gap:10px;text-align:left;width:100%}.ui-confirm-callout-text{font-size:13px;line-height:1.45;font-weight:500}.ui-confirm-footer{display:flex;align-items:center;gap:12px;padding:0 28px 28px}.ui-confirm-btn{padding:11px 22px;border-radius:9999px;font-size:13.5px;font-weight:600;letter-spacing:.2px;cursor:pointer;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;outline:none;-webkit-user-select:none;user-select:none}.ui-confirm-btn:active{transform:scale(.97)!important}.ui-confirm-btn-cancel{background:transparent;border-color:var(--border-color, #e2e8f0);color:var(--text-secondary, #64748b);flex:1}.ui-confirm-btn-cancel:hover{background:var(--hover-bg, rgba(0, 0, 0, .04));color:var(--text-main, #0f172a)}.ui-confirm-btn-submit{color:#fff;flex:1.25}.ui-confirm-btn-submit:hover{transform:translateY(-1px)}:root.dark .ui-confirm-card,.dark .ui-confirm-card{background:var(--card-bg, #0f172a);border-color:#ffffff1a;box-shadow:0 25px 50px -12px #0009}:root.dark .ui-confirm-close-btn:hover,.dark .ui-confirm-close-btn:hover{background:#ffffff14;color:#fff}:root.dark .ui-confirm-btn-cancel,.dark .ui-confirm-btn-cancel{border-color:#ffffff26;color:#94a3b8}:root.dark .ui-confirm-btn-cancel:hover,.dark .ui-confirm-btn-cancel:hover{background:#ffffff14;color:#fff}.login-wrapper{height:100vh;display:flex;background-color:var(--bg-color, #f8fafc);font-family:Hanken Grotesk,system-ui,sans-serif;overflow:hidden}.login-container{width:100%;height:100vh;display:flex;background:url(/images/bg.png) center/cover no-repeat;overflow:hidden;position:relative}.login-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172a99,#1e3a8a66);z-index:1}.login-brand-side{flex:1.3;position:relative;display:flex;flex-direction:column;overflow:hidden;background:transparent}.brand-abstract-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.glow-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s infinite ease-in-out alternate}.shape-1{width:600px;height:600px;background:#60a5fa;top:-200px;left:-100px;animation-delay:0s}.shape-2{width:500px;height:500px;background:#8b5cf6;bottom:-150px;right:-100px;animation-delay:-5s}.shape-3{width:400px;height:400px;background:#38bdf8;top:40%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s;opacity:.4}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-50px) scale(1.05)}to{transform:translate(-20px,20px) scale(.95)}}.glass-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:30px 30px;z-index:2}.brand-content{position:relative;z-index:3;padding:4rem;height:100%;display:flex;flex-direction:column}.brand-logo-top{margin-bottom:4rem}.brand-logo-top img{height:32px;width:auto;object-fit:contain}.brand-text{margin-bottom:3rem;animation:fadeIn .8s ease-out}.badge-modern{display:inline-block;padding:.5rem 1rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:2rem;color:#fff;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:.5px}.brand-text h1{color:#fff;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.25rem;letter-spacing:-1.5px}.brand-text p{color:#ffffffd9;font-size:1.25rem;line-height:1.6;max-width:90%}.brand-footer{margin-top:auto;animation:fadeIn 1s ease-out}.modern-glass-card{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:1.5rem;border-radius:1.25rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 10px 40px -10px #0003}.glass-icon-wrap{width:48px;height:48px;background:#fff3;border-radius:1rem;display:flex;align-items:center;justify-content:center}.glass-icon-modern{font-size:1.5rem}.glass-card-text h4{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.glass-card-text p{color:#fffc;font-size:.95rem;line-height:1.4;margin:0}.login-form-side{flex:1;padding:0;display:flex;align-items:stretch;justify-content:flex-end;background:transparent;position:relative;z-index:10}.form-card-modern{width:100%;max-width:540px;background:#fff;border-radius:2rem 0 0 2rem;padding:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-shadow:-10px 0 30px #0000000d;border:none;transition:all .3s ease}.form-box{width:100%;max-width:420px;min-width:0}.form-logo-container{display:flex;justify-content:center;margin-bottom:2rem}.theme-toggle-mobile{display:none}.theme-toggle-desktop{position:absolute;top:24px;right:24px;background:var(--bg-color, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;color:#fbbf24;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}:root.dark .theme-toggle-desktop,.dark .theme-toggle-desktop{color:#f8fafc;background:#1e293b;border-color:#334155}.form-logo-container img{height:100px;object-fit:contain;transition:filter .3s ease}.form-header{margin-bottom:1rem;text-align:center}.form-header h2{font-size:1.75rem;color:var(--text-main, #0f172a);font-weight:700;letter-spacing:-.5px;margin:0 0 .25rem}.form-header p{color:var(--text-muted, #64748b);font-size:.95rem;margin:0}.alert-toast-container{position:fixed;top:2rem;right:2rem;width:350px;max-width:calc(100vw - 4rem);z-index:9999;display:flex;flex-direction:column;gap:1rem}.error-alert,.success-alert{width:100%;display:flex;align-items:flex-start;gap:.75rem;background-color:#fef2f2f2;color:#b91c1c;padding:1rem 1.25rem;border-radius:.75rem;font-size:.9rem;font-weight:500;border:1px solid #fecaca;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;overflow:hidden;box-shadow:0 10px 40px -10px #0003}.error-alert span,.success-alert span{flex:1;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;line-height:1.5}.success-alert{background-color:#f0fdf4f2;color:#15803d;border-color:#bbf7d0}.fade-in{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form .input-group{display:flex;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box}.login-form .input-group label{font-size:.875rem;font-weight:600;color:var(--text-main, #334155)}.login-form .input-field{display:flex;align-items:center;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:.75rem;padding:0 1rem;height:48px;width:100%;min-width:0;box-sizing:border-box;box-shadow:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-form .input-field:focus-within{background-color:#fff6;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 15%,transparent),0 4px 12px color-mix(in srgb,var(--primary) 10%,transparent);transform:translateY(-2px)}.field-icon{color:#334155;margin-right:.75rem;transition:color .3s ease}.login-form .input-field:focus-within .field-icon{color:var(--primary, #2563eb)}.login-form .input-field input{flex:1;height:100%;border:none;background:transparent;color:var(--text-main, #0f172a);font-size:.95rem;font-family:inherit;font-weight:500}.login-form .input-field input:focus{outline:none}.login-form .input-field input::placeholder{color:#94a3b8;font-weight:400}.login-form .input-field input:-webkit-autofill,.login-form .input-field input:-webkit-autofill:hover,.login-form .input-field input:-webkit-autofill:focus,.login-form .input-field input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--text-main, #0f172a)!important}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem;margin-bottom:.5rem}.remember-me{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-muted, #475569);font-weight:500;transition:color .2s ease}.remember-me:hover{color:var(--text-main, #0f172a)}.remember-me input{width:16px;height:16px;accent-color:var(--primary, #3b82f6);cursor:pointer;border-radius:4px}.forgot-password-link{background:none;border:none;color:var(--primary, #3b82f6);font-size:.875rem;font-weight:600;cursor:pointer;padding:0;transition:all .2s}.forgot-password-link:hover{color:var(--primary-active);text-decoration:underline}.submit-btn{width:100%;box-sizing:border-box;height:48px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-active) 100%);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 20%,transparent)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 30%,transparent);background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary-active) 100%)}.submit-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 20%,transparent)}.submit-btn:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.btn-arrow{transition:transform .3s cubic-bezier(.4,0,.2,1)}.submit-btn:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.spinner{width:22px;height:22px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-footer{margin-top:1rem;text-align:center;font-size:.875rem;color:#64748b;font-weight:500}.form-footer p{margin:0}.form-footer a{color:var(--primary, #3b82f6);text-decoration:none;font-weight:600;transition:color .2s ease}.form-footer a:hover{color:var(--primary-active);text-decoration:underline}:root.dark .login-wrapper,.dark .login-wrapper,:root.dark .login-form-side,.dark .login-form-side{background-color:transparent;border-color:var(--border-color, #1e293b)}:root.dark .login-container:before,.dark .login-container:before{background:linear-gradient(135deg,#0f172acc,#020617d9)}:root.dark .form-card-modern,.dark .form-card-modern{background:#1e293b;border:none;border-left:1px solid #334155;box-shadow:-10px 0 30px #0003}:root[data-theme=dark] .form-logo-container img,:root.dark .form-logo-container img,.dark .form-logo-container img,:root[data-theme=dark] .loader-logo,:root.dark .loader-logo,.dark .loader-logo{filter:brightness(0) invert(1)!important;mix-blend-mode:normal!important}:root.dark .form-header h2,.dark .form-header h2{color:#f8fafc}:root.dark .form-header p,.dark .form-header p{color:#94a3b8}:root.dark .login-form .input-group label,.dark .login-form .input-group label{color:#cbd5e1}:root.dark .login-form .input-field,.dark .login-form .input-field{background-color:transparent;border-color:#ffffff40;box-shadow:none}:root.dark .login-form .input-field:focus-within,.dark .login-form .input-field:focus-within{background-color:#0000004d;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 4px #3b82f633,0 4px 12px #0000004d}:root.dark .field-icon,.dark .field-icon{color:#94a3b8}:root.dark .login-form .input-field input,.dark .login-form .input-field input{color:#f8fafc}:root.dark .login-form .input-field input:-webkit-autofill,:root.dark .login-form .input-field input:-webkit-autofill:hover,:root.dark .login-form .input-field input:-webkit-autofill:focus,:root.dark .login-form .input-field input:-webkit-autofill:active,.dark .login-form .input-field input:-webkit-autofill,.dark .login-form .input-field input:-webkit-autofill:hover,.dark .login-form .input-field input:-webkit-autofill:focus,.dark .login-form .input-field input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:#f8fafc!important}:root.dark .login-form .input-field input::placeholder,.dark .login-form .input-field input::placeholder{color:#64748b}:root.dark .remember-me,.dark .remember-me{color:#cbd5e1}:root.dark .remember-me:hover,.dark .remember-me:hover{color:#f8fafc}:root.dark .form-footer,.dark .form-footer{color:#94a3b8}:root.dark .error-alert,.dark .error-alert{background-color:#7f1d1d66;border-color:#b91c1c80;color:#fca5a5}.fullscreen-loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99999;display:flex;justify-content:center;align-items:center;animation:fadeInOverlay .4s ease-out forwards}.loader-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader-ring{position:absolute;width:140px;height:140px;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary);border-right-color:#8b5cf6;animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 0 20px color-mix(in srgb,var(--primary) 20%,transparent)}.loader-ring-2{position:absolute;width:160px;height:160px;border-radius:50%;border:2px solid transparent;border-bottom-color:#60a5fa;border-left-color:#a78bfa;animation:spin 2s cubic-bezier(.68,-.55,.265,1.55) infinite reverse}.loader-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95px;height:auto;animation:pulseLogo 2s ease-in-out infinite;z-index:2;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.loader-content p{margin-top:7rem;color:#fff;font-weight:600;letter-spacing:2px;font-size:.95rem;text-transform:uppercase;animation:pulseText 1.5s ease-in-out infinite}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes pulseLogo{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}}@keyframes pulseText{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 1023px){.brand-content{padding:3rem}.brand-text h1{font-size:2.5rem}.brand-text p{font-size:1.1rem}.form-card-modern{padding:2.5rem;max-width:480px}}@media (max-width: 767px){.login-wrapper{display:block;min-height:100dvh;width:100vw;padding:0}.login-container{min-height:100dvh;width:100%;flex-direction:column;justify-content:center;align-items:center;padding:0;background-position:center;background-size:cover}.login-brand-side{display:none}.login-form-side{width:100%;padding:0;justify-content:center;align-items:center}.form-card-modern{width:calc(100% - 32px);max-width:none;margin:0 auto;border-radius:1.5rem;padding:2.5rem 1.5rem;border:none;box-shadow:0 10px 40px #0003}:root.dark .form-card-modern,.dark .form-card-modern{border:none}.theme-toggle-desktop{display:none!important}.theme-toggle-mobile{display:flex;position:fixed;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:var(--bg-color, #f8fafc);border:1px solid var(--border-color, #e2e8f0);align-items:center;justify-content:center;cursor:pointer;z-index:9999;box-shadow:0 4px 12px #0000001a;color:#fbbf24}:root.dark .theme-toggle-mobile,.dark .theme-toggle-mobile{color:#f8fafc;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#334155}.form-box{width:100%;max-width:100%}.form-logo-container{margin-bottom:1.25rem}.form-logo-container img{height:56px}.form-header{margin-bottom:1.5rem}.form-header h2{font-size:1.5rem;margin-bottom:.35rem}.form-header p{font-size:.875rem}.login-form{gap:1.125rem}.login-form .input-group{gap:.35rem}.login-form .input-field{height:48px}.submit-btn{height:48px;margin-top:.5rem}.form-options{flex-wrap:wrap;gap:.5rem}}@media (max-width: 390px){.form-card-modern{padding:2rem 1.25rem}.form-logo-container img{height:48px}.form-header h2{font-size:1.35rem}.login-form{gap:1rem}}.sakura-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:10;contain:strict;transform:translateZ(0)}.sakura-petal{position:absolute;top:-10%;width:12px;height:16px;background-color:#ffb7c5;border-radius:12px 0;animation:fallSakura linear infinite;opacity:.8;will-change:transform;transform-style:preserve-3d;backface-visibility:hidden}.sakura-petal.petal-0{background-color:#ffc2d1;width:10px;height:14px}.sakura-petal.petal-1{background-color:#ffa3b6;width:14px;height:18px}.sakura-petal.petal-2{background-color:#ffb7c5}.snow-petal{background-color:#fff!important;border-radius:50%!important;box-shadow:none!important}.snow-petal.petal-0{width:6px;height:6px}.snow-petal.petal-1{width:10px;height:10px}.snow-petal.petal-2{width:8px;height:8px}.autumn-petal.petal-0{background-color:#e07a5f!important;border-radius:0 14px!important;box-shadow:none!important}.autumn-petal.petal-1{background-color:#f2cc8f!important;border-radius:14px 0!important;box-shadow:none!important}.autumn-petal.petal-2{background-color:#d00000!important;border-radius:0 12px!important;box-shadow:none!important}.leaves-petal.petal-0{background-color:#52b788!important;border-radius:0 14px!important;box-shadow:none!important}.leaves-petal.petal-1{background-color:#74c69d!important;border-radius:14px 0!important;box-shadow:none!important}.leaves-petal.petal-2{background-color:#40916c!important;border-radius:0 12px!important;box-shadow:none!important}@keyframes fallSakura{0%{transform:translateZ(0) rotate(0)}25%{transform:translate3d(25px,30vh,0) rotate(90deg)}50%{transform:translate3d(0,60vh,0) rotate(180deg)}75%{transform:translate3d(-25px,90vh,0) rotate(270deg)}to{transform:translate3d(0,120vh,0) rotate(360deg)}}.peeking-cat-container{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;z-index:1005;-webkit-user-select:none;user-select:none}.peeking-cat-slot.slot-top{position:absolute;top:0;left:0;right:0;height:125px;overflow:hidden;pointer-events:none}.peeking-cat-figure-top{position:absolute;top:-2px;left:18px;width:58px;height:48px;cursor:pointer;filter:drop-shadow(0 3px 6px rgba(0,0,0,.16));transform:translateY(-110%);pointer-events:none;opacity:1;transition:transform .5s cubic-bezier(.16,1,.3,1)}.peeking-cat-container.is-visible .slot-top .peeking-cat-figure-top{transform:translateY(0)!important;pointer-events:auto!important;transition-delay:0ms}.peeking-cat-container.is-visible .slot-top .peeking-cat-figure-top:hover{transform:translateY(6px) scale(1.04)!important;transition:transform .2s cubic-bezier(.34,1.56,.64,1)!important}.peeking-cat-slot.slot-middle{position:absolute;top:calc(50% - 35px);left:0;right:0;height:70px;overflow:visible;pointer-events:none}.peeking-cat-figure-side{position:absolute;bottom:0;left:-6px;width:50px;height:60px;cursor:pointer;filter:drop-shadow(2px 3px 6px rgba(0,0,0,.16));transform:translate(-100%);pointer-events:none;opacity:1;transition:transform .5s cubic-bezier(.16,1,.3,1)}.peeking-cat-container.is-visible .slot-middle .peeking-cat-figure-side{transform:translate(0)!important;pointer-events:auto!important;transition-delay:.13s}.peeking-cat-container.is-visible .slot-middle .peeking-cat-figure-side:hover{transform:translate(6px) scale(1.04)!important;transition:transform .2s cubic-bezier(.34,1.56,.64,1)!important}.peeking-cat-slot.slot-bottom{position:absolute;bottom:0;left:0;right:0;height:125px;overflow:hidden;pointer-events:none}.peeking-cat-figure-bottom{position:absolute;bottom:-2px;left:18px;width:58px;height:48px;cursor:pointer;filter:drop-shadow(0 -3px 6px rgba(0,0,0,.18));transform:translateY(110%);pointer-events:none;opacity:1;transition:transform .5s cubic-bezier(.16,1,.3,1)}.peeking-cat-container.is-visible .slot-bottom .peeking-cat-figure-bottom{transform:translateY(0)!important;pointer-events:auto!important;transition-delay:.26s}.peeking-cat-container.is-visible .slot-bottom .peeking-cat-figure-bottom:hover{transform:translateY(-6px) scale(1.04)!important;transition:transform .2s cubic-bezier(.34,1.56,.64,1)!important}.peeking-cat-svg{display:block;width:100%;height:100%;overflow:visible}.peeking-head-white-down{transform-origin:36px 6px;animation:peekingHeadTilt 4s ease-in-out infinite}.peeking-cat-body-side{transform-origin:10px 40px;animation:peekingHeadTilt 4s ease-in-out infinite;animation-delay:.8s}.peeking-head-black{transform-origin:36px 50px;animation:peekingHeadTilt 4s ease-in-out infinite;animation-delay:1.6s}@keyframes peekingHeadTilt{0%,to{transform:rotate(3deg) scale(1)}50%{transform:rotate(-3deg) scale(1.01)}}.peeking-ear-w-l-down,.peeking-ear-w-r-down,.peeking-cat-ear-top,.peeking-ear-b-l,.peeking-ear-b-r{animation:peekingEarTwitch 5s ease-in-out infinite}.peeking-ear-w-l-down{transform-origin:23px 45px;animation-delay:.5s}.peeking-ear-w-r-down{transform-origin:49px 45px;animation-delay:1.5s}.peeking-cat-ear-top{transform-origin:22px 14px;animation-delay:0s}.peeking-ear-b-l{transform-origin:23px 15px;animation-delay:1s}.peeking-ear-b-r{transform-origin:49px 15px;animation-delay:2s}@keyframes peekingEarTwitch{0%,86%,to{transform:rotate(0)}89%{transform:rotate(-8deg)}93%{transform:rotate(4deg)}96%{transform:rotate(0)}}.peeking-cat-eyes{transform-origin:center;animation:peekingBlink 3.8s infinite}.slot-top .peeking-cat-eyes{animation-delay:0s}.slot-middle .peeking-cat-eyes{animation-delay:1.1s}.slot-bottom .peeking-cat-eyes{animation-delay:2.2s}@keyframes peekingBlink{0%,93%,97%,to{transform:scaleY(1);opacity:1}95%{transform:scaleY(.08);opacity:.9}}.peeking-speech-bubble{position:absolute;left:8px;right:8px;box-sizing:border-box;background:var(--card-bg, #ffffff);color:var(--text-main, #1e293b);border:1.5px solid var(--border-color, #e2e8f0);box-shadow:0 6px 20px #0000001f;border-radius:10px;padding:6px 10px;display:flex;align-items:center;justify-content:center;z-index:1010;opacity:0;transform:translateY(6px) scale(.96);pointer-events:none;transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.slot-top .peeking-speech-bubble{top:54px}.slot-top .peeking-speech-bubble:after{content:"";position:absolute;bottom:100%;left:42px;border-width:6px;border-style:solid;border-color:transparent transparent var(--card-bg, #ffffff) transparent}.slot-top .peeking-speech-bubble:before{content:"";position:absolute;bottom:calc(100% + 1.5px);left:41px;border-width:7px;border-style:solid;border-color:transparent transparent var(--border-color, #e2e8f0) transparent;z-index:-1}.slot-middle .peeking-speech-bubble{bottom:calc(100% + 4px)}.slot-middle .peeking-speech-bubble:after{content:"";position:absolute;top:100%;left:20px;border-width:6px;border-style:solid;border-color:var(--card-bg, #ffffff) transparent transparent transparent}.slot-middle .peeking-speech-bubble:before{content:"";position:absolute;top:calc(100% + 1.5px);left:19px;border-width:7px;border-style:solid;border-color:var(--border-color, #e2e8f0) transparent transparent transparent;z-index:-1}.slot-bottom .peeking-speech-bubble{bottom:54px}.slot-bottom .peeking-speech-bubble:after{content:"";position:absolute;top:100%;left:42px;border-width:6px;border-style:solid;border-color:var(--card-bg, #ffffff) transparent transparent transparent}.slot-bottom .peeking-speech-bubble:before{content:"";position:absolute;top:calc(100% + 1.5px);left:41px;border-width:7px;border-style:solid;border-color:var(--border-color, #e2e8f0) transparent transparent transparent;z-index:-1}.peeking-bubble-text{font-size:10.5px;font-weight:600;color:var(--text-main, #1e293b);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.peeking-cat-container.is-visible .peeking-speech-bubble.active-bubble{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;cursor:pointer}.peeking-cat-container:not(.is-visible) .peeking-speech-bubble{opacity:0;transform:translateY(6px) scale(.96);pointer-events:none}.peeking-particle{position:absolute;font-size:15px;pointer-events:none;animation:peekingParticleFloat .9s cubic-bezier(.25,.46,.45,.94) forwards;z-index:1015}.particle-top{top:35px;left:40px}.particle-middle{bottom:35px;left:25px}.particle-bottom{bottom:35px;left:40px}@keyframes peekingParticleFloat{0%{opacity:1;transform:translate(0) scale(.5)}50%{opacity:1;transform:translate(10px,-15px) scale(1.3)}to{opacity:0;transform:translate(18px,-30px) scale(1)}}:root.dark .peeking-speech-bubble{background:#1e293bf5;border-color:#ffffff26;box-shadow:0 6px 20px #0006}:root.dark .peeking-bubble-text{color:#f8fafc}:root.dark .slot-top .peeking-speech-bubble:after{border-color:transparent transparent rgba(30,41,59,.96) transparent}:root.dark .slot-top .peeking-speech-bubble:before{border-color:transparent transparent rgba(255,255,255,.15) transparent}:root.dark .slot-middle .peeking-speech-bubble:after,:root.dark .slot-bottom .peeking-speech-bubble:after{border-color:rgba(30,41,59,.96) transparent transparent transparent}:root.dark .slot-middle .peeking-speech-bubble:before,:root.dark .slot-bottom .peeking-speech-bubble:before{border-color:rgba(255,255,255,.15) transparent transparent transparent}.peeking-capy-container{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;z-index:1005;-webkit-user-select:none;user-select:none}.peeking-capy-slot{position:absolute;top:50%;left:0;right:0;width:100%;height:90px;pointer-events:none;overflow:visible}.peeking-capy-figure{position:absolute;top:0;left:-2px;width:76px;height:76px;cursor:pointer;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.18));transform:translate(-110%);pointer-events:none;opacity:1;transition:transform .5s cubic-bezier(.16,1,.3,1)}.peeking-capy-container.is-visible .peeking-capy-figure{transform:translate(0)!important;pointer-events:auto!important}.peeking-capy-container.is-visible .peeking-capy-figure:hover{transform:translate(6px) scale(1.05)!important;transition:transform .2s cubic-bezier(.34,1.56,.64,1)!important}.peeking-capy-sway{animation:capySway 4s ease-in-out infinite;transform-origin:20px 40px}@keyframes capySway{0%,to{transform:rotate(0)}50%{transform:rotate(2.5deg)}}.peeking-capy-speech-bubble{position:absolute;left:74px;right:12px;top:50%;transform:translateY(-50%) translate(-6px) scale(.95);box-sizing:border-box;background:#fffffff5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#1e293b;font-size:11.5px;font-weight:600;line-height:1.35;padding:8px 12px;border-radius:10px;white-space:normal;word-break:break-word;overflow-wrap:break-word;width:auto;max-width:185px;pointer-events:none;opacity:0;visibility:hidden;box-shadow:0 8px 22px -3px #00000029,0 3px 6px -2px #00000014;border:1px solid rgba(226,232,240,.9);transition:all .28s cubic-bezier(.34,1.56,.64,1);z-index:1010}.peeking-capy-speech-bubble span{display:block;word-break:break-word;overflow-wrap:break-word;white-space:normal}:root.dark .peeking-capy-speech-bubble,.dark .peeking-capy-speech-bubble{background:#0f172af2;color:#f1f5f9;border-color:#334155d9;box-shadow:0 10px 24px -4px #00000080}.peeking-capy-speech-bubble:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border-width:5px;border-style:solid;border-color:transparent rgba(255,255,255,.96) transparent transparent}:root.dark .peeking-capy-speech-bubble:before,.dark .peeking-capy-speech-bubble:before{border-color:transparent rgba(15,23,42,.95) transparent transparent}.peeking-capy-speech-bubble.active-bubble{opacity:1;visibility:visible;transform:translateY(-50%) translate(0) scale(1)}.sidebar.collapsed .peeking-capy-speech-bubble{display:none!important}.peeking-capy-particle{position:absolute;top:10px;left:40px;pointer-events:none;font-size:16px;animation:peekingParticleFly .9s cubic-bezier(.25,.46,.45,.94) forwards;z-index:1020}@keyframes peekingParticleFly{0%{opacity:0;transform:translate(0) scale(.5)}25%{opacity:1;transform:translate(12px,-14px) scale(1.2)}to{opacity:0;transform:translate(24px,-36px) scale(1.4)}}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;z-index:1000;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;margin:0;height:100%;max-height:100%;border-radius:0;flex-shrink:0;border-right:1px solid transparent}:root.dark .sidebar,.dark .sidebar{border-right:1px solid rgba(255,255,255,.15)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;height:72px;overflow:hidden;transition:border-color .3s ease;flex-shrink:0}.sidebar-header.mobile-only-header{display:none}.sidebar.collapsed .sidebar-header{padding:1.5rem 1rem}.sidebar-logo{width:60px;height:60px;min-width:60px;background:transparent!important;border:none!important;box-shadow:none!important;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;z-index:2}.sidebar-logo img{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--primary) 60%,transparent));transition:filter .3s ease;width:100%;height:100%;object-fit:contain}.sidebar.collapsed .sidebar-logo{width:48px;height:48px;min-width:48px}.sidebar-logo-img{width:100%;height:100%;object-fit:contain}.sidebar-brand-text{font-size:1.25rem;font-weight:700;color:color-mix(in srgb,var(--primary) 90%,#ffffff);text-shadow:0 0 12px color-mix(in srgb,var(--primary) 40%,transparent);white-space:nowrap;letter-spacing:-.02em;transition:opacity .2s}.sidebar.collapsed .sidebar-brand-text{opacity:0;pointer-events:none}.sidebar-nav{flex:1;padding:0 0 1rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior-x:none;min-height:0}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;color:#fffc;transition:all .2s cubic-bezier(.4,0,.2,1);margin:.125rem .625rem;white-space:nowrap;position:relative;border-radius:12px;border:1px solid transparent}.sidebar.collapsed .nav-item{max-width:100%;overflow:hidden}.nav-item-icon{min-width:24px;width:24px;flex-shrink:0;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;color:#fffc}:root.dark .nav-item-icon{color:color-mix(in srgb,var(--primary) 80%,#ffffff)}.nav-item-icon svg{width:20px;height:20px;stroke-width:1.75;transition:all .2s ease}.nav-item-text{font-weight:500;font-size:.95rem;transition:opacity .2s ease,transform .2s ease}:root.dark .nav-item-text{color:color-mix(in srgb,var(--primary) 80%,#ffffff)}.sidebar.collapsed .nav-item-text{display:none!important;opacity:0;pointer-events:none}.nav-item:hover{background-color:var(--sidebar-hover);color:#fff;box-shadow:none}:root.dark .nav-item:hover{background-color:color-mix(in srgb,var(--primary) 20%,transparent);color:color-mix(in srgb,var(--primary) 80%,#ffffff)}.nav-item:hover .nav-item-icon{color:#fff;filter:none}:root.dark .nav-item:hover .nav-item-icon{color:color-mix(in srgb,var(--primary) 60%,#ffffff)}.nav-item.active{background-color:var(--sidebar-active);color:var(--primary);font-weight:600;border:1px solid transparent;box-shadow:none}:root.dark .nav-item.active{background-color:color-mix(in srgb,var(--primary) 30%,transparent);color:color-mix(in srgb,var(--primary) 80%,#ffffff)}.nav-item.active .nav-item-icon{color:var(--primary);filter:none}:root.dark .nav-item.active .nav-item-icon{color:color-mix(in srgb,var(--primary) 60%,#ffffff)}.nav-item.active .nav-item-icon svg{stroke-width:2.5;fill:none;transform:scale(1.1)}.nav-group,.nav-item-parent{position:relative;margin-bottom:.5rem}.sub-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease;position:relative}.sub-nav:before{content:"";position:absolute;left:37px;top:0;bottom:12px;width:2px;background-color:#ffffff26;display:block}:root.dark .sub-nav:before{background-color:#ffffff1a}.sub-nav.open{max-height:600px;opacity:1}.sidebar.collapsed .sub-nav{display:none!important;position:absolute;left:calc(100% + 4px);top:0;min-width:200px;background-color:var(--sidebar-bg);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.5rem;box-shadow:0 4px 20px #00000026;max-height:none;opacity:0;visibility:hidden;transform:translate(-4px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:1000}.sidebar.collapsed .sub-nav:before{display:none}:root:not(.dark) .sidebar.collapsed .sub-nav{background-color:#fff;border-color:#0000000d;box-shadow:0 4px 20px #00000014}.sidebar.collapsed .nav-group:hover .sub-nav,.sidebar.collapsed .nav-item-parent:hover .sub-nav,.sidebar.collapsed .nav-group:focus-within .sub-nav,.sidebar.collapsed .nav-item-parent:focus-within .sub-nav{display:block!important;opacity:1!important;visibility:visible!important;transform:translate(0)}.nav-group:hover .nav-item:not(.active),.nav-item-parent:hover .nav-item:not(.active){background-color:#ffffff08}:root:not(.dark) .nav-group:hover .nav-item:not(.active),:root:not(.dark) .nav-item-parent:hover .nav-item:not(.active){background-color:#00000005}.sub-nav-item{position:relative;display:flex;align-items:center;margin:.125rem .625rem .125rem 3.375rem;padding:.5rem .75rem;color:#ffffffb3;font-size:.85rem;font-weight:500;border-radius:6px;transition:all .15s ease;text-decoration:none;white-space:nowrap;background-color:transparent;border:none}:root.dark .sub-nav-item{color:color-mix(in srgb,var(--primary) 80%,#ffffff)}.sub-nav-item:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:#ffffff4d;transition:all .2s ease;z-index:2}.sub-nav-item:hover{background-color:#ffffff0f;color:#fff}.sub-nav-item:hover:before{background-color:#fff;transform:translateY(-50%) scale(1.3);box-shadow:0 0 0 3px #ffffff1a}:root.dark .sub-nav-item:hover{background-color:color-mix(in srgb,var(--primary) 20%,transparent);color:color-mix(in srgb,var(--primary) 80%,#ffffff)}:root.dark .sub-nav-item:hover:before{background-color:color-mix(in srgb,var(--primary) 80%,#ffffff)}.sub-nav-item.active{background-color:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);font-weight:600}.sub-nav-item.active:before{background-color:var(--primary);transform:translateY(-50%) scale(1.4);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent)}:root.dark .sub-nav-item.active{background-color:color-mix(in srgb,var(--primary) 30%,transparent);color:color-mix(in srgb,var(--primary) 80%,#ffffff)}.sub-nav-dot{display:none!important}.sidebar.collapsed .sub-nav-item{padding:.5rem .75rem}.sidebar.collapsed .sub-nav-item:before{display:none}.sidebar-footer{padding:1.25rem 0;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:4px;flex-shrink:0}.nav-item.logout{color:#fca5a5;padding:.75rem 1rem;border-radius:12px;margin:0 .625rem}.nav-item.logout .nav-item-icon,.nav-item.logout .nav-item-text,:root.dark .nav-item.logout .nav-item-icon,:root.dark .nav-item.logout .nav-item-text{color:#fca5a5!important}.nav-item.logout:hover{background-color:#ef444426;color:#fecaca;box-shadow:0 4px 12px #ef444426}.nav-item.logout:hover .nav-item-icon,.nav-item.logout:hover .nav-item-text,:root.dark .nav-item.logout:hover .nav-item-icon,:root.dark .nav-item.logout:hover .nav-item-text{color:#fecaca!important;filter:drop-shadow(0 0 8px rgba(239,68,68,.4))}.search-menu-container{padding:0 10px;margin-bottom:0;list-style:none}.nav-section-title{padding:.5rem 1rem .25rem 1.25rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff6;margin-top:.25rem;transition:opacity .2s ease,height .2s ease,padding .2s ease,margin .2s ease;white-space:nowrap;pointer-events:none}:root.dark .nav-section-title{color:#ffffff4d}.sidebar.collapsed .nav-section-title{display:none!important;opacity:0;height:0;padding:0;margin:0;overflow:hidden}.search-menu-container:after{content:"";display:block;width:70%;max-width:150px;height:1px;background-color:#fff3;margin:12px auto 0;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .search-menu-container:after{width:40%;max-width:35px}.search-collapsed{display:flex;justify-content:center;align-items:center;height:44px;width:100%;cursor:pointer;position:relative;color:#fff;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);background-color:transparent}.search-collapsed:hover{background-color:#fff3;color:#fff}.search-collapsed .icon-default{position:absolute;transition:opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:scale(1) rotate(0)}.search-collapsed .icon-hover{position:absolute;transition:opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:scale(.8) rotate(-90deg)}.search-collapsed:hover .icon-default{opacity:0;transform:scale(.8) rotate(90deg)}.search-collapsed:hover .icon-hover{opacity:1;transform:scale(1) rotate(0)}.search-expanded{display:flex;align-items:center;background:#ffffff26;border-radius:12px;height:44px;border:1px solid rgba(255,255,255,.1);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;padding-right:4px}.search-expanded:focus-within{border-color:#fff6;box-shadow:0 0 0 2px #ffffff26;background:#ffffff40}:root.dark .search-expanded{background:var(--bg-color);border-color:var(--border-color)}:root.dark .search-expanded:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent);background:var(--card-bg)}:root.dark .search-collapsed:hover{background-color:var(--bg-color);border:1px solid var(--border-color)}.search-input-wrapper{display:flex;align-items:center;flex:1;padding-left:12px;height:100%}.search-icon-left{color:#fff;margin-right:8px;min-width:18px}.search-expanded input{flex:1;background:transparent;border:none;color:#fffc;outline:none;padding:0;font-size:.875rem;width:100%}.search-expanded input::placeholder{color:#fff6}.clear-search{background:transparent;border:none;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;margin-right:4px;border-radius:4px;transition:all .2s}.clear-search:hover{color:#fff;background:#ffffff1a}.search-expanded .toggle-btn{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:all .2s}.search-expanded .toggle-btn:hover{background:#ffffff1a;color:#fff}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1040;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media (max-width: 1024px){.sidebar{position:fixed;top:0;left:0;height:100dvh;max-height:100dvh;margin:0;border-radius:0;z-index:1050;box-shadow:4px 0 24px #0003;transform:translate(0)}.sidebar-header{border-top-left-radius:0;border-top-right-radius:0}.sidebar.collapsed{transform:translate(-100%);width:var(--sidebar-width);box-shadow:none}.sidebar-toggle{display:none}.sidebar-overlay{display:block}.mobile-close-btn{display:flex!important}.sidebar-header.mobile-only-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;height:auto;background-color:#fff;border-bottom:1px solid #cbd5e1;box-shadow:0 4px 6px -1px #0000000d;z-index:2}:root.dark .sidebar-header.mobile-only-header,.dark .sidebar-header.mobile-only-header{background-color:transparent;border-bottom:1px solid rgba(255,255,255,.15);box-shadow:none}.sub-nav{position:static;box-shadow:none;border:none;background-color:transparent;padding:0 0 .5rem 3.75rem;transform:none;display:none}.sub-nav.open{display:flex;opacity:1;visibility:visible;max-height:none}.nav-group:hover .sub-nav:not(.open),.nav-item-parent:hover .sub-nav:not(.open){display:none}:root:not(.dark) .sub-nav{background-color:transparent;box-shadow:none;border-color:transparent}.sidebar .nav-item{padding:14px 16px;margin:4px 16px;border-radius:12px}.sidebar .nav-item-text{font-size:13.5px}.sidebar .sub-nav-item{font-size:12.5px}.sidebar .nav-item-icon svg{width:20px;height:20px}.sidebar-header.mobile-only-header{padding:12px 16px}.mobile-close-btn{width:40px;height:40px;display:flex!important;align-items:center;justify-content:center;border-radius:50%;background-color:#ffffff1a!important}}:root:not(.dark) .nav-item{color:#ffffffe6}:root:not(.dark) .nav-item-icon{color:#ffffffe6}:root:not(.dark) .nav-item:hover{background-color:#ffffff26;color:#fff;box-shadow:0 4px 16px #0000000d}:root:not(.dark) .nav-item:hover .nav-item-icon{color:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}:root:not(.dark) .nav-item.active{background-color:#ffffff40;color:#fff;border-color:#ffffff4d;box-shadow:inset 0 1px 1px #fff6,0 4px 16px #0000000d}:root:not(.dark) .nav-item.active .nav-item-icon{color:#fff;filter:drop-shadow(0 0 12px rgba(255,255,255,.5))}:root:not(.dark) .sidebar-brand-text{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.4)}:root:not(.dark) .sub-nav-item{color:#fffc}:root:not(.dark) .sub-nav-item:hover{color:#fff;background-color:#ffffff26}:root:not(.dark) .sub-nav-item.active{color:#fff;background-color:#ffffff40}:root:not(.dark) .sub-nav-item:before{background-color:#ffffff80}:root:not(.dark) .sub-nav-item:hover:before{background-color:#fff}:root:not(.dark) .sub-nav-item.active:before{background-color:#fff}:root:not(.dark) .sidebar-toggle{color:#ffffffe6}:root:not(.dark) .sidebar-toggle:hover{color:#fff}@media (max-width: 767px){.sidebar{position:fixed!important;top:0;left:-100%;height:100dvh;box-shadow:var(--shadow-lg);z-index:10001}.sidebar-nav{padding-bottom:80px}.sidebar:not(.collapsed){left:0}.sidebar.collapsed{width:var(--sidebar-width)}.sidebar-overlay{z-index:10000}}.page-header.bento-header.welcome-banner{display:flex;align-items:center;justify-content:space-between;background-color:var(--card-bg);padding:1.75rem 2.5rem;border-radius:12px;margin-bottom:1rem;border:1px solid var(--border-color);min-height:auto;box-shadow:0 1px 2px #00000008;position:relative;overflow:hidden;animation:homeFadeInUp .5s cubic-bezier(.16,1,.3,1)}.page-header.bento-header.welcome-banner:before{content:"";position:absolute;bottom:-40%;left:-10%;width:60%;height:150%;background:#ffffff0a;border-radius:40% 60% 70% 30%/40% 50% 60%;transform:rotate(-15deg);z-index:1;pointer-events:none;animation:morphWave1 12s ease-in-out infinite}.page-header.bento-header.welcome-banner:after{content:"";position:absolute;bottom:-60%;right:-5%;width:50%;height:140%;background:#ffffff0f;border-radius:50% 40% 30% 60%/60% 30% 70% 40%;transform:rotate(10deg);z-index:1;pointer-events:none;animation:morphWave2 15s ease-in-out infinite}@keyframes morphWave1{0%,to{border-radius:40% 60% 70% 30%/40% 50% 60%;transform:rotate(-15deg) scale(1)}50%{border-radius:60% 40% 50% 50%/50% 60% 40%;transform:rotate(-5deg) scale(1.05)}}@keyframes morphWave2{0%,to{border-radius:50% 40% 30% 60%/60% 30% 70% 40%;transform:rotate(10deg) scale(1)}50%{border-radius:30% 60% 50% 40%/40% 50% 50% 60%;transform:rotate(0) scale(.95)}}.welcome-content{position:relative;z-index:2;width:100%;max-width:80%}.welcome-greeting{font-size:2rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem;line-height:1.2}.welcome-message{font-size:.95rem;color:var(--text-muted);line-height:1.6;max-width:80%;margin-bottom:1.25rem}.welcome-divider{display:none}.welcome-right-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding-right:1rem;position:relative;z-index:2}.welcome-illustration{display:flex;align-items:center;justify-content:center;opacity:.25;transition:opacity .3s ease;pointer-events:none}.welcome-info-row{display:flex;align-items:center;font-size:.85rem;color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:2.2fr 1fr;grid-auto-rows:minmax(min-content,max-content);gap:10px;align-items:stretch}.news-section{grid-column:span 1;padding:0;height:auto;min-height:450px;border:none;background:transparent;box-shadow:none}.quick-access-section{grid-column:span 1;background:transparent;box-shadow:none;border:none;padding:0}.news-slideshow-container{width:100%;height:100%;border-radius:8px;overflow:hidden;position:relative;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;animation:homeFadeInUp .5s cubic-bezier(.16,1,.3,1)}.slideshow-wrapper{width:100%;height:100%;position:relative}.slideshow-image{width:100%;height:100%;object-fit:cover;background-color:#0f172a}.slideshow-wrapper:before{content:"Featured News";position:absolute;bottom:3rem;left:3rem;color:#fff;font-size:2rem;font-weight:800;z-index:2;text-shadow:0 2px 15px rgba(0,0,0,.6);letter-spacing:-.5px}.slide-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);width:54px;height:54px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:0;transition:all .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:50;pointer-events:auto}.slide-btn:hover{background-color:var(--primary);border-color:var(--primary);transform:translateY(-50%) scale(1.1);box-shadow:0 0 25px color-mix(in srgb,var(--primary) 70%,transparent)}.slide-btn.visible{opacity:1}.prev-btn{left:2rem}.next-btn{right:2rem}.slide-dots{position:absolute;bottom:2rem;right:3rem;display:flex;gap:10px;opacity:0;transition:opacity .3s ease;z-index:10}.slide-dots.visible{opacity:1}.dot{width:8px;height:8px;background-color:#fff6;border-radius:50%;cursor:pointer;transition:all .3s ease}.dot.active{background-color:var(--primary);transform:scale(1.5);box-shadow:0 0 12px var(--primary)}.home-section-header{margin-bottom:1rem;display:flex;align-items:center;margin-top:.5rem}.home-section-header h3{font-size:1.35rem;color:var(--text-main);display:flex;align-items:center;gap:.85rem;font-weight:800;letter-spacing:-.3px}.home-section-header .icon-wrapper{color:var(--primary);display:flex}.quick-access-grid{display:grid;gap:10px}.primary-qa-grid{grid-template-columns:1fr;flex:1;grid-template-rows:repeat(2,1fr)}.secondary-qa-section{margin-top:1rem}.secondary-qa-grid{grid-template-columns:repeat(3,1fr)}.quick-access-btn{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden;animation:homeFadeInUp .5s cubic-bezier(.16,1,.3,1)}.quick-access-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.quick-access-btn:hover{transform:translateY(-4px);box-shadow:0 12px 24px -10px #0d948826;border-color:#0d94884d}.quick-access-btn:hover:before{transform:scaleX(1)}.qa-card-body{display:flex;flex-direction:column;justify-content:center;height:100%;gap:.75rem;width:100%}.qa-icon-wrapper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background-color:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);margin-bottom:.5rem;transition:all .2s ease}.quick-access-btn:hover .qa-icon-wrapper{background-color:var(--primary);color:#fff;transform:scale(1.05) rotate(-5deg)}.qa-text-content{display:flex;flex-direction:column;gap:.25rem}.qa-title{font-size:1.05rem;font-weight:700;color:var(--text-main);line-height:1.2}.qa-subtitle{font-size:.8rem;color:var(--text-muted);line-height:1.3}.qa-compact-info{font-size:.75rem;color:var(--text-muted);font-weight:500;padding-top:.5rem;padding-bottom:.5rem;border-top:1px dashed var(--border-color);margin-top:.5rem;line-height:1.4;opacity:.85}:root.dark .qa-compact-info,.dark .qa-compact-info{border-top:1px dashed rgba(255,255,255,.15)}.qa-action{display:flex;align-items:center;gap:.4rem;margin-top:auto;font-size:.85rem;font-weight:600;color:var(--primary);opacity:.85;transition:all .2s ease}.qa-action-icon{transition:transform .2s ease}.quick-access-btn:hover .qa-action{opacity:1}.quick-access-btn:hover .qa-action-icon{transform:translate(4px)}.loading-text,.empty-text{text-align:center;color:var(--text-muted);padding:5rem;background:var(--card-bg);border-radius:1.5rem;border:1px dashed var(--border-color);width:100%;display:flex;align-items:center;justify-content:center;font-weight:600}.mobile-only-qa{display:none}@keyframes homeFadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.desktop-only-qa{display:none!important}.mobile-only-qa{display:block!important}.dashboard-grid{display:flex!important;flex-direction:column!important;gap:16px}.news-section{order:-1;min-height:340px;height:340px}.slideshow-wrapper:before{font-size:1.25rem;bottom:1.5rem;left:1.5rem}.slide-dots{bottom:1.5rem;right:1.5rem}.page-header.bento-header{flex-direction:column;padding:1.5rem;align-items:flex-start;border-radius:1rem;margin-bottom:1rem}.header-text{max-width:100%}.header-decoration{display:none}.quick-access-grid{grid-template-columns:repeat(3,1fr)!important;gap:12px}}@media (max-width: 768px){.news-section{min-height:220px;height:220px}.qa-preview-container{display:none!important}.quick-access-section,.secondary-qa-section{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important}.quick-access-btn{min-height:auto;justify-content:flex-start;align-items:center;padding:0;border-radius:0;border:none;box-shadow:none;background:transparent}.quick-access-btn:hover{transform:translateY(-2px);box-shadow:none;background:transparent}.qa-header-row{flex-direction:column;text-align:center;align-items:center;gap:8px;width:100%}.qa-icon{width:64px;height:64px;border-radius:1rem;background:var(--card-bg)!important;border:1px solid var(--border-color);box-shadow:0 4px 15px -5px #0000000d;display:flex;align-items:center;justify-content:center}.qa-icon svg{width:24px!important;height:24px!important;color:inherit}.qa-title{font-size:.75rem!important;font-weight:500!important;line-height:1.3;color:var(--text-main)}}@media (max-width: 1024px){.page-header.bento-header.welcome-banner{padding:1.5rem 2rem}.welcome-greeting{font-size:1.75rem}.secondary-qa-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.page-header.bento-header.welcome-banner{flex-direction:column;padding:1.25rem 1rem;align-items:flex-start}.welcome-content,.welcome-message{max-width:100%}.welcome-greeting{font-size:1.5rem}.welcome-right-section{width:100%;flex-direction:row;justify-content:space-between;padding-right:0;margin-top:1rem}.welcome-illustration svg{width:60px;height:60px}.secondary-qa-grid{grid-template-columns:1fr}}@media (max-width: 480px){.quick-access-grid{grid-template-columns:1fr!important}}:root.dark .page-header.bento-header,.dark .page-header.bento-header{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,#0f172a),#020617);border:1px solid rgba(255,255,255,.05)}.weather-glow-sun{filter:drop-shadow(0 0 12px rgba(253,224,71,.6)) drop-shadow(0 0 24px rgba(253,224,71,.4))}.weather-glow-moon{filter:drop-shadow(0 0 12px rgba(219,234,254,.6)) drop-shadow(0 0 24px rgba(219,234,254,.4))}:root.dark .header-decoration:after,.dark .header-decoration:after{opacity:.4}:root.dark .quick-access-btn,.dark .quick-access-btn{background:#1e293b;border-color:#334155}:root.dark .quick-access-btn span,.dark .quick-access-btn span{color:#f8fafc}:root.dark .quick-access-btn:hover,.dark .quick-access-btn:hover{background:color-mix(in srgb,var(--primary) 8%,#1e293b);border-color:color-mix(in srgb,var(--primary) 40%,transparent);box-shadow:0 12px 30px -8px color-mix(in srgb,var(--primary) 40%,transparent)}:root.dark .qa-preview-item.link-item,.dark .qa-preview-item.link-item{color:#94a3b8!important}:root.dark .slideshow-wrapper:after,.dark .slideshow-wrapper:after{background:linear-gradient(to top,#0f172a,#0f172a99 40%,#0f172a1a)}:root.dark .loading-text,:root.dark .empty-text,.dark .loading-text,.dark .empty-text{background:#1e293b;border-color:#334155;color:#94a3b8}:root.dark .content-area::-webkit-scrollbar,.dark .content-area::-webkit-scrollbar{width:6px;height:6px}:root.dark .content-area::-webkit-scrollbar-track,.dark .content-area::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}:root.dark .content-area::-webkit-scrollbar-thumb,.dark .content-area::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px;transition:background .2s}:root.dark .content-area::-webkit-scrollbar-thumb:hover,.dark .content-area::-webkit-scrollbar-thumb:hover{background:#ffffff40}:root.dark .content-area,.dark .content-area{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) rgba(255,255,255,.02)}@media (max-width: 768px){.page-header.bento-header.welcome-banner{margin-top:0!important;padding:14px 16px!important;margin-bottom:12px!important;flex-direction:row;flex-wrap:wrap;align-items:flex-start;position:relative;border-radius:12px!important;min-height:auto}.welcome-content{flex:1;min-width:70%;padding-right:2rem;max-width:100%}.welcome-greeting{font-size:1.15rem!important;font-weight:700!important;margin-bottom:4px!important;line-height:1.25!important}.welcome-message{font-size:.8rem!important;line-height:1.35!important;margin-bottom:4px!important;max-width:100%;opacity:.95}.welcome-right-section{display:flex;flex-direction:column;padding:0;gap:0;width:100%;align-items:flex-end;margin-top:2px}.welcome-illustration{position:absolute;top:12px;right:14px;opacity:.4}.welcome-illustration svg{width:36px!important;height:36px!important}.welcome-info-row{font-size:.725rem!important;opacity:.9;font-weight:500}.dashboard-grid{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}.news-section{width:100%!important;height:200px!important;min-height:200px!important}}@media (max-width: 1024px){.mobile-only-qa.quick-access-section{background:var(--card-bg)!important;border-radius:16px!important;padding:1.25rem 1rem!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 12px #00000008!important;margin-top:0!important}.mobile-only-qa .home-section-header{margin-top:0!important;margin-bottom:1rem!important}.mobile-only-qa .home-section-header h3{font-size:1rem!important;font-weight:700}.mobile-qa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:1.25rem .5rem;justify-content:center}.mobile-qa-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:transparent;border:none;padding:0;gap:.5rem;cursor:pointer}.mobile-qa-icon-wrapper{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);transition:transform .2s}.mobile-qa-icon-wrapper:active{transform:scale(.92)}.mobile-qa-icon-wrapper svg{width:28px;height:28px;stroke-width:2}.mobile-qa-title{font-size:.75rem;text-align:center;line-height:1.2;color:var(--text-main);font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0 2px}}.sakura-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:10}.sakura-petal{position:absolute;top:-10%;width:12px;height:16px;background-color:#ffb7c5;border-radius:12px 0;box-shadow:0 0 4px #ffb7c566;animation:fallSakura linear infinite;opacity:.8}.petal-0{background-color:#ffc2d1;width:10px;height:14px}.petal-1{background-color:#ffa3b6;width:14px;height:18px}.petal-2{background-color:#ffb7c5}@keyframes fallSakura{0%{top:-10%;transform:translate(0) rotate(0)}25%{transform:translate(25px) rotate(90deg)}50%{transform:translate(0) rotate(180deg)}75%{transform:translate(-25px) rotate(270deg)}to{top:110%;transform:translate(0) rotate(360deg)}}.custom-dropdown-container{position:relative;display:block;width:100%}.custom-dropdown-button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background-color:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:8px;padding:.4rem .875rem;font-size:.8125rem;font-family:inherit;font-weight:500;color:var(--text-main, #0f172a);cursor:pointer;outline:none;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;min-width:140px;width:100%}.custom-dropdown-button.disabled{background-color:var(--bg-slate, #f1f5f9);color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0;box-shadow:none}.custom-dropdown-button:hover{border-color:#cbd5e1}.custom-dropdown-button.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)}.custom-dropdown-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-dropdown-icon{color:#64748b;transition:transform .2s ease}.custom-dropdown-icon.open{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;z-index:50;background:var(--card-bg, #ffffff);border:1px solid var(--border-thin, #e2e8f0);border-radius:8px;box-shadow:0 4px 20px #00000014;padding:.25rem;display:flex;flex-direction:column;gap:2px;animation:dropdownFadeIn .15s ease-out;max-height:250px;overflow-y:auto}@keyframes dropdownFadeIn{0%{opacity:0}to{opacity:1}}.custom-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:var(--text-main, #0f172a);background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:all .15s ease}.custom-dropdown-item.disabled{color:#94a3b8;cursor:not-allowed;font-style:italic}.custom-dropdown-item.disabled:hover{background:transparent;color:#94a3b8}.custom-dropdown-item:hover{background:color-mix(in srgb,var(--primary) 6%,transparent);color:var(--primary)}.custom-dropdown-item.selected{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);font-weight:600}.custom-dropdown-check{color:var(--primary)}:root.dark .custom-dropdown-button{background-color:var(--card-bg, #1e293b);border-color:color-mix(in srgb,var(--primary) 30%,transparent);color:#f1f5f9}:root.dark .custom-dropdown-menu{background:var(--card-bg, #1e293b);border-color:color-mix(in srgb,var(--primary) 30%,transparent);box-shadow:0 4px 20px #00000080}:root.dark .custom-dropdown-item{color:#e2e8f0}:root.dark .custom-dropdown-item:hover{background:color-mix(in srgb,var(--primary) 15%,transparent);color:#f8fafc}.bongo-cat-container{position:relative;display:inline-flex;align-items:flex-end;-webkit-user-select:none;user-select:none;cursor:pointer;filter:drop-shadow(0 3px 6px rgba(0,0,0,.08));transition:transform .25s cubic-bezier(.34,1.56,.64,1);z-index:10}.bongo-cat-container:hover{transform:translateY(-2px)}.bongo-cat-svg{display:block;overflow:visible}.bongo-head-white{animation:bongoBreatheWhite 3.6s ease-in-out infinite;transform-origin:36px 45px}.bongo-head-orange{animation:bongoBreatheOrange 3.2s ease-in-out infinite .3s;transform-origin:92px 44px}.bongo-head-black{animation:bongoBreatheBlack 4s ease-in-out infinite .6s;transform-origin:148px 45px}@keyframes bongoBreatheWhite{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-1.2px) scaleY(1.018)}}@keyframes bongoBreatheOrange{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-1.5px) scaleY(1.022)}}@keyframes bongoBreatheBlack{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-1px) scaleY(1.015)}}.bongo-ear-w-l{transform-origin:23px 20px;animation:earTwitchLeft 6s ease-in-out infinite}.bongo-ear-w-r{transform-origin:49px 20px;animation:earTwitchRight 7s ease-in-out infinite 1s}.bongo-ear-o-l{transform-origin:79px 18px;animation:earTwitchLeft 5.5s ease-in-out infinite 1.5s}.bongo-ear-o-r{transform-origin:105px 18px;animation:earTwitchRight 6.5s ease-in-out infinite 2.5s}.bongo-ear-b-l{transform-origin:135px 20px;animation:earTwitchLeft 7.2s ease-in-out infinite .8s}.bongo-ear-b-r{transform-origin:161px 20px;animation:earTwitchRight 8s ease-in-out infinite 3s}@keyframes earTwitchLeft{0%,88%,to{transform:rotate(0)}90%{transform:rotate(-7deg)}94%{transform:rotate(3deg)}97%{transform:rotate(0)}}@keyframes earTwitchRight{0%,85%,to{transform:rotate(0)}87%{transform:rotate(7deg)}92%{transform:rotate(-4deg)}95%{transform:rotate(0)}}.bongo-eyes-blink-white{transform-origin:36px 33px;animation:bongoBlink 4.2s infinite}.bongo-eyes-blink-orange{transform-origin:92px 32px;animation:bongoBlink 3.8s infinite 1.2s}.bongo-eyes-blink-black{transform-origin:148px 33px;animation:bongoBlink 5s infinite 2.4s}@keyframes bongoBlink{0%,94%,98%,to{transform:scaleY(1);opacity:1}96%{transform:scaleY(.08);opacity:.9}}.bongo-paw{transition:transform .06s cubic-bezier(.2,.8,.4,1)}.paw-w-l{transform-origin:16px 52px}.paw-w-r{transform-origin:56px 52px}.paw-o-l{transform-origin:72px 52px}.paw-o-r{transform-origin:112px 52px}.paw-b-l{transform-origin:128px 52px}.paw-b-r{transform-origin:168px 52px}.paw-tap-down-l{transform:translateY(5px) rotate(4deg) scale(.98,1.05)}.paw-tap-down-r{transform:translateY(5px) rotate(-4deg) scale(.98,1.05)}.paw-lift-up-l{transform:translateY(-5px) rotate(-8deg)}.paw-lift-up-r{transform:translateY(-5px) rotate(8deg)}.bongo-speech-bubble{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-6px) scale(.9);background:var(--card-bg, #ffffff);color:var(--text-main, #1e293b);border:1.5px solid var(--border-color, #e2e8f0);box-shadow:0 10px 25px #00000026;border-radius:12px;padding:7px 14px;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:all .25s cubic-bezier(.34,1.56,.64,1);z-index:9999;display:flex;align-items:center;gap:6px}.bongo-speech-bubble:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:transparent transparent var(--card-bg, #ffffff) transparent}.bongo-speech-bubble:before{content:"";position:absolute;bottom:calc(100% + 1.5px);left:50%;transform:translate(-50%);border-width:7px;border-style:solid;border-color:transparent transparent var(--border-color, #e2e8f0) transparent;z-index:-1}.bongo-cat-container:hover .bongo-speech-bubble,.bongo-speech-bubble.active-bubble{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.bongo-particle{position:absolute;top:15px;left:50%;font-size:15px;pointer-events:none;animation:bongoParticleFloat .9s cubic-bezier(.25,.46,.45,.94) forwards;z-index:10000}@keyframes bongoParticleFloat{0%{opacity:1;transform:translate(-50%) scale(.6)}50%{opacity:1;transform:translate(calc(-50% + 14px),-12px) scale(1.25)}to{opacity:0;transform:translate(calc(-50% + 22px),-26px) scale(1)}}:root.dark .bongo-speech-bubble{background:#1e293bf5;border-color:#ffffff26;color:#f8fafc;box-shadow:0 10px 25px #0006}:root.dark .bongo-speech-bubble:after{border-color:transparent transparent rgba(30,41,59,.96) transparent}:root.dark .bongo-speech-bubble:before{border-color:transparent transparent rgba(255,255,255,.15) transparent}.bongo-capy-container{position:relative;display:inline-flex;align-items:flex-end;-webkit-user-select:none;user-select:none;cursor:pointer;filter:drop-shadow(0 3px 6px rgba(0,0,0,.08));transition:transform .25s cubic-bezier(.34,1.56,.64,1);z-index:10}.bongo-capy-container:hover{transform:translateY(-2px)}.bongo-capy-svg{display:block;overflow:visible}.capy-head-group{animation:capyBreathe 3.8s ease-in-out infinite;transform-origin:90px 40px}@keyframes capyBreathe{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-1.4px) scaleY(1.02)}}.capy-orange{animation:orangeWobble 4.2s ease-in-out infinite;transform-origin:90px 14px}@keyframes orangeWobble{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.capy-duck{animation:duckFloat 2.6s ease-in-out infinite;transform-origin:142px 48px}@keyframes duckFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-3deg)}}.capy-ear-left{animation:capyEarL 6s ease-in-out infinite 1s;transform-origin:61px 16px}.capy-ear-right{animation:capyEarR 6s ease-in-out infinite 3.5s;transform-origin:119px 16px}@keyframes capyEarL{0%,94%,to{transform:rotate(-15deg)}96%{transform:rotate(-24deg)}98%{transform:rotate(-12deg)}}@keyframes capyEarR{0%,94%,to{transform:rotate(15deg)}96%{transform:rotate(24deg)}98%{transform:rotate(12deg)}}.capy-paw{transition:transform .08s cubic-bezier(.1,.9,.2,1)}.bongo-capy-particle{position:absolute;top:-8px;left:50%;pointer-events:none;font-size:16px;animation:capyParticleFly 1s cubic-bezier(.25,.46,.45,.94) forwards;z-index:25}@keyframes capyParticleFly{0%{opacity:0;transform:translate(-50%,4px) scale(.5)}20%{opacity:1;transform:translate(-50%,-10px) scale(1.25)}to{opacity:0;transform:translate(-50%,-42px) scale(1.4)}}.bongo-capy-speech-bubble{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-6px) scale(.92);background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#1e293b;font-size:12px;font-weight:600;padding:8px 14px;border-radius:12px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;box-shadow:0 10px 25px -4px #00000026,0 4px 6px -2px #00000014;border:1px solid rgba(226,232,240,.8);transition:all .28s cubic-bezier(.34,1.56,.64,1);z-index:100}:root.dark .bongo-capy-speech-bubble,.dark .bongo-capy-speech-bubble{background:#0f172aeb;color:#f1f5f9;border-color:#334155cc;box-shadow:0 12px 28px -4px #0006}.bongo-capy-speech-bubble:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:transparent transparent rgba(255,255,255,.95) transparent}:root.dark .bongo-capy-speech-bubble:before,.dark .bongo-capy-speech-bubble:before{border-color:transparent transparent rgba(15,23,42,.92) transparent}.bongo-capy-speech-bubble.active-bubble{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}:root{--bg-white: #ffffff;--bg-light: #fafafa;--bg-slate: #f8fafc;--text-main: #1e293b;--text-muted: #64748b;--primary-color: var(--primary);--primary-hover: color-mix(in srgb, var(--primary) 85%, black);--border-thin: #f1f5f9;--border-medium: #e2e8f0;--radius-sm: 4px;--radius-md: 6px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px -1px rgba(0, 0, 0, .02);--info-bg: #eff6ff;--info-text: #1e40af;--warning-bg: #fffbeb;--warning-text: #b45309;--success-bg: #f0fdf4;--success-text: #15803d;--error-text: #b91c1c}:root.dark,.dark{--bg-white: #1e293b;--bg-light: #0f172a;--bg-slate: #0f172a;--text-main: #ffffff;--text-muted: #94a3b8;--primary-color: var(--primary);--primary-hover: color-mix(in srgb, var(--primary) 85%, white);--border-thin: #334155;--border-medium: #334155;--info-bg: rgba(59, 130, 246, .1);--info-text: #93c5fd;--warning-bg: rgba(245, 158, 11, .1);--warning-text: #fcd34d;--success-bg: rgba(34, 197, 94, .1);--success-text: #86efac;--error-bg: rgba(239, 68, 68, .1);--error-text: #fca5a5}.ui-context-container{background-color:var(--bg-slate);min-height:100vh;color:var(--text-main)}.ui-context-header{background-color:#eff6ff;border-bottom:1px solid #e0f2fe;padding:32px 40px;margin-bottom:40px}.ui-context-main{padding:0 40px 40px}.ui-context-header h1{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--text-main)}.ui-context-header p{color:var(--text-muted);margin:0;font-size:14px}.ui-section{margin-bottom:48px}.ui-section-title{font-size:14px;font-weight:600;margin:0 0 16px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.showcase-box{border:1px dashed var(--border-medium);border-radius:var(--radius-md);padding:32px 24px 24px;position:relative;margin-bottom:24px;background-color:var(--bg-white)}.showcase-box:last-child{margin-bottom:0}.showcase-label{position:absolute;top:8px;left:12px;font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase}.showcase-content{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.showcase-content.block-mode{display:block}.w-full{width:100%!important;box-sizing:border-box}.w-200{width:200px;box-sizing:border-box}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.items-start{align-items:flex-start}.gap-4{gap:4px}.gap-12{gap:12px}.gap-24{gap:24px}.mb-12{margin-bottom:12px;margin-top:0}.m-0{margin:0}.flex-wrap{flex-wrap:wrap}.ui-card{background-color:var(--bg-white);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-soft)}:root.dark .ui-card,.dark .ui-card{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}.typography-demo h1{font-size:28px;font-weight:600;margin:0 0 16px;color:var(--text-main)}.typography-demo h2{font-size:22px;font-weight:600;margin:0 0 12px;color:var(--text-main)}.typography-demo h3{font-size:18px;font-weight:600;margin:0 0 12px;color:var(--text-main)}.typography-demo p{font-size:14px;line-height:1.5;margin:0 0 12px}.text-muted{color:var(--text-muted)!important}.colors-demo{display:flex;gap:16px;flex-wrap:wrap}.color-box{width:100px;height:100px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:12px;text-align:center;padding:8px;box-shadow:var(--shadow-sm);line-height:1.5}.bg-white{background-color:var(--bg-white)}.bg-light{background-color:var(--bg-light)}.bg-slate{background-color:var(--bg-slate)}.bg-primary{background-color:var(--primary-color)}.text-white{color:#fff}.border-thin{background-color:var(--bg-white);border:1px solid var(--border-thin)}.border-medium{background-color:var(--bg-white);border:1px solid var(--border-medium)}.mockup-topbar{height:56px;background-color:var(--bg-white);border:1px solid var(--border-thin);border-radius:var(--radius-md);display:flex;align-items:center;padding:0 20px;justify-content:space-between}.topbar-logo{font-weight:600;font-size:16px;width:200px}.topbar-search{position:relative;width:300px}.topbar-search input{width:100%;height:36px;padding:8px 12px 8px 36px;border:1px solid var(--border-thin);border-radius:var(--radius-sm);background-color:var(--bg-slate);font-size:13px;outline:none;transition:all .2s;color:var(--text-main);box-sizing:border-box}.topbar-search input:focus{background-color:var(--bg-white);border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.topbar-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.topbar-actions{display:flex;align-items:center;gap:16px}.avatar{width:32px;height:32px;border-radius:var(--radius-md);background-color:var(--bg-slate);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.mockup-sidebar{width:220px;background-color:var(--bg-white);border:1px solid var(--border-thin);border-radius:var(--radius-md);padding:16px 8px;display:flex;flex-direction:column;gap:4px}.menu-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-muted);font-size:14px;text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;box-sizing:border-box}.menu-btn:hover{background-color:var(--bg-slate);color:var(--text-main)}.menu-btn.active{background-color:var(--info-bg);color:var(--primary-color);font-weight:500}.btn{padding:8px 16px;font-size:14px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;box-sizing:border-box}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:#fff;border:1px solid var(--primary)}.btn-primary:hover,.btn-primary.hover-state{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background-color:var(--bg-white);color:var(--text-main);border:1px solid var(--border-medium)}:root.dark .btn-secondary,.dark .btn-secondary{background-color:var(--card-bg, #1e293b);color:#fff;border-color:var(--border-color, #334155)}.btn-secondary:hover,.btn-secondary.hover-state{background-color:var(--bg-slate)}.btn-ghost{background-color:transparent;color:var(--text-main);border:1px solid transparent}.btn-ghost:hover,.btn-ghost.hover-state{background-color:var(--bg-slate)}.icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid transparent;background-color:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0;box-sizing:border-box}.icon-btn:hover,.icon-btn.hover-state{background-color:var(--bg-slate);color:var(--text-main)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.input-field{height:36px;padding:8px 12px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background-color:var(--bg-white);font-size:14px;color:var(--text-main);outline:none;transition:all .2s;width:250px;font-family:inherit;box-sizing:border-box}:root.dark .input-field,.dark .input-field{background-color:var(--card-bg, #1e293b);border-color:var(--border-color, #334155);color:#fff}.input-field:focus,.input-field.focus-state{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--info-bg)}.input-field::placeholder{color:var(--text-muted)}.input-with-icon{position:relative;width:250px}.input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.pl-icon{padding-left:36px;width:100%}.select-wrapper{position:relative;width:250px}.select-wrapper select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.checkbox-label,.radio-label{display:flex!important;align-items:center;gap:8px;cursor:pointer;margin-bottom:0!important;font-weight:400!important;color:var(--text-main)!important;font-size:14px}.custom-checkbox,.custom-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1px solid var(--border-medium);background-color:var(--bg-white);cursor:pointer;position:relative;transition:all .2s;margin:0;box-sizing:border-box}.custom-checkbox{border-radius:3px}.custom-radio{border-radius:50%}.custom-checkbox:checked,.custom-radio:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.custom-checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-radio:checked:after{content:"";position:absolute;left:4px;top:4px;width:6px;height:6px;border-radius:50%;background-color:#fff}.alerts-demo{display:flex;flex-direction:column;gap:12px}.alert{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px}.alert svg{flex-shrink:0;margin-top:1px}.alert-info{background-color:var(--info-bg);color:var(--info-text)}.alert-warning{background-color:var(--warning-bg);color:var(--warning-text)}.alert-success{background-color:var(--success-bg);color:var(--success-text)}.alert-error{background-color:var(--error-bg);color:var(--error-text)}.badges-wrapper{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:var(--radius-sm);letter-spacing:.3px}.badge-default{background-color:var(--bg-slate);color:var(--text-muted);border:1px solid var(--border-medium)}.badge-primary{background-color:var(--info-bg);color:var(--info-text)}.badge-success{background-color:var(--success-bg);color:var(--success-text)}.badge-warning{background-color:var(--warning-bg);color:var(--warning-text)}.badge-error{background-color:var(--error-bg);color:var(--error-text)}.list-demo{border:1px solid var(--border-thin);border-radius:var(--radius-md);background-color:var(--bg-white);overflow:hidden}.list-header{padding:12px 16px;background-color:var(--bg-slate);font-weight:600;font-size:13px;color:var(--text-muted);border-bottom:1px solid var(--border-thin);text-transform:uppercase}.list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-thin)}.list-item:last-child{border-bottom:none}.list-item-content{display:flex;flex-direction:column;gap:4px}.list-title{font-size:14px;font-weight:500;color:var(--text-main)}.list-subtitle{font-size:13px}.mobile-bottom-nav{display:none}@media (max-width: 768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:58px;background:#fff;border-top:1px solid var(--border-color, #e2e8f0);border-top-left-radius:16px;border-top-right-radius:16px;z-index:9999;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px #0000000d;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-bottom-nav.hidden-nav{transform:translateY(100%)}:root.dark .mobile-bottom-nav,.dark .mobile-bottom-nav{background:#1e293b;border-top:1px solid var(--border-color, #334155)}.mobile-bottom-nav .mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;height:100%;color:var(--text-muted, #64748b);opacity:1;cursor:pointer;transition:all .2s ease}:root.dark .mobile-bottom-nav .mobile-nav-item,.dark .mobile-bottom-nav .mobile-nav-item{color:#94a3b8}.mobile-bottom-nav .mobile-nav-item span{font-size:9px;font-weight:500;padding:3px 10px;border-radius:999px;background:transparent;transition:all .2s ease}.mobile-bottom-nav .mobile-nav-item:hover{color:var(--primary);opacity:.8}.mobile-bottom-nav .mobile-nav-item.active{color:var(--primary, #3b82f6);opacity:1}.mobile-bottom-nav .mobile-nav-item.active span{background-color:var(--primary, #3b82f6);color:#fff}}