@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap";:root{--font-family:"Inter", sans-serif;--spacing-base:4px;--spacing-outer:24px;--spacing-fields:16px;--spacing-label:8px;--border-width-reposo:1px;--border-width-focus:2px;--border-radius-card:12px;--border-radius-input:12px;--border-radius-button:12px;--height-input:44px;--height-button:40px}:root,[data-theme=dark]{--color-bg-base:#131314;--color-surface-card:#1e1e1e;--color-border:#444746;--color-text-primary:#e3e3e3;--color-text-secondary:#949b96;--color-accent:#a8c7fa;--color-text-on-accent:#000;--color-bg-transparent:#ffffff08}[data-theme=light]{--color-bg-base:#f0f4f9;--color-surface-card:#fff;--color-border:#c4c7c5;--color-text-primary:#1f1f1f;--color-text-secondary:#444746;--color-accent:#0b57d0;--color-text-on-accent:#fff;--color-bg-transparent:#00000005}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-thumb{background-color:#78787840;background-clip:padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#78787840;background-clip:padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#78787873}::-webkit-scrollbar-thumb:hover{background-color:#78787873}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#78787840 transparent}}*{box-sizing:border-box;outline:none;margin:0;padding:0}html,body,#root,.app-shell{height:100vh;overflow:hidden}body{font-family:var(--font-family);background-color:var(--color-bg-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-size:16px;font-weight:400;line-height:1.5;display:flex}.app-shell{width:100%;display:flex}.app-sidebar{background-color:var(--color-surface-card);width:220px;min-width:220px;top:var(--spacing-outer);height:calc(100vh - (var(--spacing-outer) * 2));margin:var(--spacing-outer) 0 var(--spacing-outer) var(--spacing-outer);border-radius:var(--border-radius-card);flex-direction:column;padding:24px 0;display:flex;position:sticky;overflow-y:auto}.sidebar-logo{border-bottom:1px solid #0000;margin-bottom:8px;padding:0 20px 24px}.sidebar-logo-badge{letter-spacing:1.5px;color:var(--color-text-on-accent);background-color:var(--color-accent);border-radius:var(--border-radius-card);margin-bottom:6px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.sidebar-logo-title{color:var(--color-text-primary);font-size:18px;font-weight:500;line-height:1.2}.sidebar-logo-subtitle{color:var(--color-text-secondary);margin-top:2px;font-size:11px;display:block}.sidebar-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-primary);opacity:.45;margin-top:4px;padding:20px 20px 6px;font-size:11px;font-weight:600}.sidebar-nav-item{text-align:left;width:100%;font-family:var(--font-family);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:0;align-items:center;padding:10px 20px;font-size:14px;font-weight:400;transition:color .15s,background-color .15s;display:flex;overflow:hidden}.sidebar-nav-item:hover{color:var(--color-text-primary);background-color:var(--color-bg-transparent)}.sidebar-nav-item.active{color:var(--color-text-primary);background-color:var(--color-bg-transparent);font-weight:500}.app-content{min-width:0;height:calc(100vh - (var(--spacing-outer) * 2));margin:var(--spacing-outer) var(--spacing-outer) var(--spacing-outer) var(--spacing-outer);flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.app-content>div:not(.grid-cols-2),.app-content>form{flex-direction:column;height:100%;min-height:0;display:flex;overflow-y:auto}.app-content>.grid-cols-2{height:100%;min-height:0}.app-content>div>.mixo-card,.app-content>form>.mixo-card{flex:1;height:100%;min-height:0}h1{color:var(--color-text-primary);font-size:32px;font-weight:500;line-height:1.2}h2{color:var(--color-text-primary);font-size:20px;font-weight:500;line-height:1.3}p,span,td,th{color:var(--color-text-primary);font-size:16px;font-weight:400}.text-secondary{color:var(--color-text-secondary);font-size:14px;font-weight:500}.mixo-card{background-color:var(--color-surface-card);border-radius:var(--border-radius-card);padding:var(--spacing-outer);gap:var(--spacing-fields);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto;box-shadow:none!important}.mixo-card>h1:first-child,.mixo-card>h2:first-child,.mixo-card>h3:first-child,.mixo-card>h4:first-child{margin-top:0}.form-group{gap:var(--spacing-label);flex-direction:column;width:100%;display:flex}.form-row{gap:var(--spacing-fields);width:100%;display:flex}.form-row>.form-group{flex:1;min-width:0}.form-row>.form-group>input,.form-row>.form-group>select,.form-row>.form-group>textarea,.form-row>.form-group>.custom-select-container,.form-row>.form-group>div{margin-top:auto}.col-1x{flex:1!important}.col-2x{flex:2!important}.col-3x{flex:3!important}@media (width<=768px){.form-row{gap:var(--spacing-fields);flex-direction:column}.form-row>.form-group{flex:none!important}}label{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;min-height:20px;font-size:14px;font-weight:500;display:block;overflow:hidden}input,select,textarea{font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-bg-transparent);border:var(--border-width-reposo) solid var(--color-border);height:var(--height-input);padding:0 var(--spacing-fields);border-radius:var(--border-radius-input);width:100%;font-size:16px;transition:border-color .15s,border-width .15s}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.search-input{max-width:320px}textarea{height:auto;min-height:88px;padding:12px var(--spacing-fields);border-radius:var(--border-radius-card);resize:vertical}input:focus,select:focus,textarea:focus{border:var(--border-width-focus) solid var(--color-accent)}.btn{font-family:var(--font-family);height:var(--height-button);border-radius:var(--border-radius-button);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;border:none;justify-content:center;align-items:center;gap:8px;width:fit-content;min-width:120px;max-width:100%;padding:0 24px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s,opacity .2s;display:inline-flex;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{box-shadow:none;background-color:var(--color-accent)!important;color:var(--color-text-on-accent)!important}.btn-primary:hover:not(:disabled){opacity:.92}.btn-primary *,.btn-primary span,.btn-primary strong{color:var(--color-text-on-accent)!important}.btn-primary svg{color:var(--color-text-on-accent)!important;stroke:var(--color-text-on-accent)!important}.btn-secondary{color:var(--color-text-primary);border:var(--border-width-reposo) solid var(--color-border);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-transparent);border-color:var(--color-text-primary)}.btn-action{color:var(--color-text-secondary);border:var(--border-width-reposo) dashed transparent;background-color:#0000}.btn-action:hover:not(:disabled){color:var(--color-text-primary);background-color:var(--color-bg-transparent)}.btn-action.danger:hover:not(:disabled){color:#ff8a80;background-color:#ff8a800d}.tabs-container{background-color:var(--color-surface-card);border:var(--border-width-reposo) solid var(--color-border);border-radius:var(--border-radius-card);align-self:center;padding:4px;display:flex}.tab-btn{font-family:var(--font-family);border-radius:var(--border-radius-card);height:36px;color:var(--color-text-secondary);cursor:pointer;background-color:#0000;border:none;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s;display:flex}.tab-btn.active{background-color:var(--color-accent)!important;color:var(--color-text-on-accent)!important}.tab-btn.active *,.tab-btn.active span,.tab-btn.active svg{color:var(--color-text-on-accent)!important;stroke:var(--color-text-on-accent)!important}.table-container{flex:1;width:100%;min-height:0;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:12px 16px;font-size:14px;font-weight:500}td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px 16px;font-size:16px}tr:last-child td{border-bottom:none}tr{height:48px}.flex-row-between{justify-content:space-between;align-items:center;gap:16px;display:flex}.flex-gap-16{gap:16px;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.grid-cols-2{gap:var(--spacing-outer);grid-template-columns:1fr 1fr;display:grid}@media (width<=900px){.grid-cols-2{grid-template-columns:1fr}}.badge{border-radius:var(--border-radius-card);border:1px solid var(--color-border);background-color:var(--color-bg-transparent);white-space:nowrap;text-overflow:ellipsis;width:fit-content;max-width:200px;padding:2px 8px;font-size:12px;font-weight:500;overflow:hidden}.badge.accent{border:none;background-color:var(--color-accent)!important;color:var(--color-text-on-accent)!important}.badge.accent *,.badge.accent span,.badge.accent svg{color:var(--color-text-on-accent)!important;stroke:var(--color-text-on-accent)!important}.custom-select-container{width:100%;position:relative}.custom-select-trigger{width:100%;height:var(--height-input);padding:0 var(--spacing-fields);border-radius:var(--border-radius-input);border:var(--border-width-reposo) solid var(--color-border);background-color:var(--color-bg-transparent);color:var(--color-text-primary);font-family:var(--font-family);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:16px;transition:border-color .15s,border-width .15s;display:flex}.custom-select-trigger:focus,.custom-select-trigger.active{border:var(--border-width-focus) solid var(--color-accent)}.custom-select-chevron{width:16px;height:16px;color:var(--color-text-secondary);flex-shrink:0;transition:transform .2s}.custom-select-chevron.open{transform:rotate(180deg)}.custom-select-dropdown{z-index:1000;background-color:var(--color-surface-card);border-radius:var(--border-radius-card);width:100%;max-height:176px;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 0;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.custom-select-option{color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 16px;font-size:15px;transition:background-color .15s,color .15s}.custom-select-option:hover{background-color:var(--color-bg-transparent);color:var(--color-accent)}.custom-select-option.selected{background-color:var(--color-bg-transparent);color:var(--color-accent);font-weight:500}.custom-select-group-header{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);padding:8px 16px 4px;font-size:11px;font-weight:500}th.text-left,td.text-left{text-align:left!important}th.text-right,td.text-right{text-align:right!important}th.text-center,td.text-center{text-align:center!important}.cell-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:240px;overflow:hidden}:root,[data-theme=dark]{--color-badge-danger-bg:#ef53501f;--color-badge-danger-text:#ef5350;--color-badge-warning-bg:#ffb3001f;--color-badge-warning-text:#ffe082;--color-badge-neutral-bg:#ffffff0a;--color-badge-neutral-text:var(--color-text-secondary)}[data-theme=light]{--color-badge-danger-bg:#d32f2f0f;--color-badge-danger-text:#c62828;--color-badge-warning-bg:#e651000f;--color-badge-warning-text:#e65100;--color-badge-neutral-bg:#00000008;--color-badge-neutral-text:var(--color-text-secondary)}.badge-danger{background-color:var(--color-badge-danger-bg)!important;color:var(--color-badge-danger-text)!important;border:1px solid var(--color-badge-danger-bg)!important}.badge-warning{background-color:var(--color-badge-warning-bg)!important;color:var(--color-badge-warning-text)!important;border:1px solid var(--color-badge-warning-bg)!important}.badge-neutral{background-color:var(--color-badge-neutral-bg)!important;color:var(--color-badge-neutral-text)!important;border:1px solid var(--color-border)!important}.btn-actions-trigger{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:700;transition:all .2s;display:inline-flex}.btn-actions-trigger:hover{background-color:var(--color-bg-transparent);color:var(--color-text-primary);border-color:var(--color-text-secondary)}.actions-container{display:inline-block;position:relative}.actions-dropdown{background-color:var(--color-surface-card);border:1px solid var(--color-border);z-index:1000;text-align:left;border-radius:8px;flex-direction:column;min-width:140px;display:flex;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.actions-dropdown button{text-align:left;cursor:pointer;width:100%;color:var(--color-text-primary);background:0 0;border:none;padding:10px 16px;font-size:13px;transition:background-color .15s}.actions-dropdown button:hover{background-color:var(--color-bg-transparent);color:var(--color-accent)}.actions-dropdown button.danger{color:var(--color-badge-danger-text)}.actions-dropdown button.danger:hover{background-color:#ef53500d}.drawer-backdrop{z-index:1100;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000073;width:100vw;height:100vh;transition:opacity .25s,visibility .25s;position:fixed;top:0;left:0}.drawer-backdrop.open{opacity:1;visibility:visible}.drawer-panel{background-color:var(--color-surface-card);border-left:1px solid var(--color-border);z-index:1200;flex-direction:column;width:480px;height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.drawer-panel.open{transform:translate(0)}.drawer-panel.wide{width:800px}.drawer-header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface-card);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-header h2{color:var(--color-text-primary);margin:0;font-size:20px;font-weight:500}.drawer-close-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding-bottom:4px;font-size:24px;line-height:1;transition:background-color .15s,color .15s;display:inline-flex}.drawer-close-btn:hover{background-color:var(--color-bg-transparent);color:var(--color-text-primary)}.drawer-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.drawer-footer{border-top:1px solid var(--color-border);background-color:var(--color-surface-card);z-index:10;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.confirm-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000073;width:100vw;height:100vh;position:fixed;top:0;left:0}.confirm-modal-card{z-index:2001;background-color:var(--color-surface-card);border:1px solid var(--color-border);border-radius:24px;flex-direction:column;gap:16px;width:90%;max-width:420px;padding:24px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:none!important;flex:none!important;height:auto!important;min-height:auto!important}.confirm-modal-title{color:var(--color-text-primary);margin:0;font-size:20px;font-weight:500;line-height:1.3}.confirm-modal-body{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.6}.confirm-modal-footer{justify-content:flex-end;gap:16px;margin-top:8px;display:flex}.ref-insumos-table{border-collapse:collapse;table-layout:fixed;width:100%}.ref-insumos-table td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:6px 12px!important;font-size:13px!important}.ref-insumos-table td:last-child{padding-left:4px!important;padding-right:8px!important}.ref-insumos-table tr{background:0 0;transition:background-color .15s;height:40px!important}.ref-insumos-table tr:hover td{background-color:#ffffff05!important}.ref-insumos-table .btn-ref-edit{font-family:var(--font-family);border-radius:var(--border-radius-button);cursor:pointer;box-sizing:border-box;background-color:var(--color-bg-transparent);height:24px;color:var(--color-text-primary);border:1px solid var(--color-border);text-align:center;justify-content:center;align-items:center;min-width:52px;padding:0 10px;font-size:11px;font-weight:500;transition:all .2s;display:none!important}.ref-insumos-table .btn-ref-edit:hover{background-color:var(--color-accent)!important;color:var(--color-text-on-accent)!important;border-color:var(--color-accent)!important}.ref-insumos-table tr:hover .btn-ref-edit{display:inline-flex!important}.ref-insumos-table .badge{justify-content:center;align-items:center;box-sizing:border-box!important;border-radius:var(--border-radius-button)!important;border:1px solid var(--color-border)!important;background-color:var(--color-bg-transparent)!important;min-width:32px!important;height:24px!important;padding:0 8px!important;font-size:11px!important;font-weight:500!important;display:inline-flex!important}.ref-insumos-container::-webkit-scrollbar{width:6px!important;height:6px!important}.ref-insumos-container::-webkit-scrollbar-thumb{background-color:#78787859!important;background-clip:border-box!important;border:none!important;border-radius:4px!important}.ref-insumos-container::-webkit-scrollbar-thumb:hover{background-color:#7878788c!important}.sidebar-sub-item{text-align:left;width:100%;font-family:var(--font-family);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;align-items:center;padding:7px 20px 7px 40px;font-size:13px;font-weight:400;transition:color .15s,background-color .15s;display:flex;overflow:hidden}.sidebar-sub-item:hover{color:var(--color-text-primary);background-color:var(--color-bg-transparent)}.sidebar-sub-item.active{color:var(--color-accent);font-weight:500}.sidebar-chevron{color:var(--color-text-secondary);flex-shrink:0;margin-left:auto;font-size:14px;line-height:1;transition:transform .2s;display:inline-block}.sidebar-chevron.open{transform:rotate(90deg)}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column-reverse;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast-item{pointer-events:all;background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;min-width:280px;max-width:400px;padding:12px 16px;animation:.25s forwards toastIn;display:flex;box-shadow:0 4px 24px #00000059}.toast-item-row{align-items:flex-start;gap:10px;display:flex}.toast-item.success{border-left:3px solid #81c784}.toast-item.error{border-left:3px solid #ff8a80}.toast-item.warning{border-left:3px solid #ffb300}.toast-item.info{border-left:3px solid var(--color-accent)}.toast-icon{flex-shrink:0;margin-top:1px}.toast-item.success .toast-icon{color:#81c784}.toast-item.error .toast-icon{color:#ff8a80}.toast-item.warning .toast-icon{color:#ffb300}.toast-item.info .toast-icon{color:var(--color-accent)}.toast-progress{width:100%;height:2px;animation:toastProgress var(--toast-duration,3.5s) linear forwards;border-radius:2px;margin-top:8px}.toast-item.success .toast-progress{background:#81c784}.toast-item.error .toast-progress{background:#ff8a80}.toast-item.warning .toast-progress{background:#ffb300}.toast-item.info .toast-progress{background:var(--color-accent)}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}.login-page{background-color:var(--color-bg-base);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative;overflow-y:auto}.login-theme-toggle{position:absolute;top:24px;right:24px}.login-card{background-color:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--border-radius-card);width:100%;max-width:440px;padding:36px 32px;animation:.3s forwards toastIn;box-shadow:0 12px 40px #0000002e}.login-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.login-logo{max-width:170px;height:auto;margin-bottom:10px}.login-subtitle{color:var(--color-text-secondary);font-size:13px;line-height:1.4}.login-form{flex-direction:column;display:flex}.login-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.login-input-icon{color:var(--color-text-secondary);pointer-events:none;position:absolute;left:14px}.login-input{transition:border-color .15s,box-shadow .15s;border-radius:var(--border-radius-input)!important;background-color:var(--color-bg-base)!important;border:1px solid var(--color-border)!important;width:100%!important;height:44px!important;color:var(--color-text-primary)!important;font-size:14px!important;font-family:var(--font-family)!important;padding:0 42px!important}.login-input:focus{outline:none;box-shadow:0 0 0 3px #6366f126;border-color:var(--color-accent)!important}.login-password-toggle{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;right:14px}.login-password-toggle:hover{color:var(--color-text-primary)}.login-submit-btn{cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;height:44px;margin-top:24px;font-size:14px;font-weight:500;transition:opacity .15s,transform .15s;display:flex;border-radius:var(--border-radius-button)!important;background-color:var(--color-accent)!important;color:var(--color-text-on-accent)!important}.login-submit-btn:hover:not(:disabled){opacity:.92}.login-submit-btn span{color:var(--color-text-on-accent)!important}.login-btn-spinner{border:2px solid var(--color-text-on-accent);border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.sidebar-footer{border-top:none;flex-direction:column;gap:12px;margin-top:auto;padding:16px 20px 0;display:flex}.sidebar-user-row{justify-content:space-between;align-items:center;width:100%;display:flex}.sidebar-user-role-display{color:var(--color-text-secondary);font-family:var(--font-family);flex:1;align-items:center;min-width:0;font-size:14px;font-weight:400;display:flex}.sidebar-role-label{font-family:var(--font-family);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:400;overflow:hidden}.sidebar-theme-switch{border:1px solid var(--color-border);width:30px;height:30px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.sidebar-theme-switch:hover{color:var(--color-text-primary);border-color:var(--color-text-primary);background-color:var(--color-bg-transparent)}.sidebar-logout-action-btn{border-radius:var(--border-radius-button)!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;padding:8px 16px!important;font-size:13px!important;transition:all .15s!important;display:flex!important}.sidebar-logout-action-btn:hover{color:#ff8a80!important;background-color:#ff8a801f!important;border-color:#ff8a8066!important}.landing-page{background-color:var(--color-bg-base);flex-direction:column;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-header{z-index:10;position:absolute;top:24px;right:28px}.landing-login-btn{height:40px;padding:0 20px;font-size:14px;font-weight:500;border-radius:var(--border-radius-button)!important}.landing-content{flex:1;justify-content:center;align-items:center;display:flex}.landing-center-box{flex-direction:column;align-items:center;gap:20px;display:flex}.landing-logo{-webkit-user-select:none;user-select:none;width:220px;height:auto;display:block}.landing-loader-track{background-color:var(--color-border);border-radius:4px;width:220px;height:3px;position:relative;overflow:hidden}.landing-loader-bar{background:var(--color-accent);border-radius:4px;width:40%;animation:1.6s cubic-bezier(.4,0,.2,1) infinite landing-infinite-scroll;position:absolute;top:0;bottom:0;left:0}@keyframes landing-infinite-scroll{0%{width:30%;left:-40%}50%{width:50%}to{width:30%;left:100%}}.login-top-bar{z-index:10;justify-content:space-between;align-items:center;display:flex;position:absolute;top:24px;left:24px;right:24px}