@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.grid{display:grid}.table-row{display:table-row}.h-full{height:100%}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--ink:#292723;--muted:#78736c;--line:#e9e5df;--paper:#fffefd;--canvas:#f6f4f0;--coral:#db6e59;--coral-dark:#bf5946;--sage:#718c76}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}svg{flex:none;width:20px;height:20px}.page-loading{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:14px;font-size:12px;display:grid}.page-loading span{border:2px solid #e5ddd5;border-top-color:var(--coral);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}.page-loading p{margin:0}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;border-right:1px solid var(--line);background:#fbfaf8;flex-direction:column;width:250px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand-lockup{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.brand-mark{background:var(--ink);color:#fff;letter-spacing:-.5px;border-radius:12px;place-items:center;width:40px;height:40px;font-family:Georgia,serif;font-size:16px;display:grid;box-shadow:0 5px 14px #2a282321}.brand-lockup div:last-child,.profile div:nth-child(2),.sidebar-footer div:last-child{flex-direction:column;min-width:0;display:flex}.brand-lockup strong{letter-spacing:-.2px;font-family:Georgia,serif;font-size:17px}.brand-lockup span,.profile span,.sidebar-footer span{color:#8c877f;margin-top:2px;font-size:11px}.nav-group{flex-direction:column;gap:4px;display:flex}.nav-secondary{margin-top:28px}.nav-label{color:#aaa49c;letter-spacing:1.3px;text-transform:uppercase;margin:0 12px 8px;font-size:10px;font-weight:700}.nav-item{color:#6f6a63;border-radius:10px;align-items:center;gap:12px;height:44px;padding:0 12px;font-size:13px;font-weight:550;text-decoration:none;transition:all .18s;display:flex}.nav-item svg{width:18px;height:18px}.nav-item:hover{color:var(--ink);background:#f0ede8}.nav-item.active{color:#ad4d3b;background:#f3e5df;font-weight:700}.nav-item b{background:#e7d0c7;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px}.sidebar-footer{border-top:1px solid var(--line);align-items:center;gap:11px;margin-top:auto;padding:20px 10px 2px;display:flex}.sidebar-footer strong{font-size:12px}.server-dot{background:#73a47d;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #dfeadf}.workspace{width:calc(100% - 250px);min-height:100vh;margin-left:250px}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffefde6;justify-content:space-between;align-items:center;height:72px;padding:0 42px;display:flex;position:sticky;top:0}.search-box{border:1px solid var(--line);color:#969089;background:#faf9f7;border-radius:10px;align-items:center;gap:10px;width:min(420px,44vw);height:40px;padding:0 12px;font-size:12px;display:flex}.search-box svg{width:16px}.search-box span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-box kbd{color:#88827a;background:#fff;border:1px solid #ded9d1;border-radius:5px;margin-left:auto;padding:2px 6px;font-family:inherit;font-size:10px}.topbar-actions{align-items:center;gap:18px;display:flex}.icon-button,.mobile-menu,.more-button{color:#68635d;cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:relative}.icon-button i{background:var(--coral);border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:-1px;right:-1px}.profile{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:18px;display:flex}.profile strong{font-size:12px}.profile svg{color:#a09b94;width:14px}.avatar{color:#6f352a;background:#d9b0a4;border-radius:50%;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid}.mobile-menu{display:none}.content{max-width:1440px;margin:0 auto;padding:42px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}.eyebrow{color:#9a756b;letter-spacing:1.35px;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:750}.welcome-row h1{letter-spacing:-1.3px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3.2vw,43px);font-weight:500}.welcome-row>div>p:last-child{color:var(--muted);margin:8px 0 0;font-size:13px}.primary-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:8px;height:42px;padding:0 17px;font-size:12px;font-weight:650;display:flex;box-shadow:0 6px 16px #28262122}.primary-button:hover{background:#45413a}.primary-button svg{width:16px}.preview-notice{color:#79643c;background:#fbf6e9;border:1px solid #e8ddc7;border-radius:9px;align-items:center;gap:9px;margin:-10px 0 22px;padding:10px 13px;font-size:11px;display:flex}.preview-notice svg{width:16px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card,.panel{border:1px solid var(--line);background:var(--paper);border-radius:14px;box-shadow:0 2px 4px #2c272005}.stat-card{align-items:flex-start;gap:13px;min-height:138px;padding:20px;display:flex;position:relative}.stat-icon,.quick-icon{border-radius:10px;place-items:center;display:grid}.stat-icon{width:38px;height:38px}.stat-icon svg{width:18px}.peach{color:#b45a48;background:#f4e2da}.sage{color:#55705b;background:#e0e9df}.blue{color:#577182;background:#e2e9ed}.amber{color:#96773d;background:#f3ead3}.lilac{color:#7d627f;background:#ebe3ed}.stat-meta{flex-direction:column;display:flex}.stat-meta>span{color:var(--muted);font-size:11px}.stat-meta strong{margin:5px 0 3px;font-family:Georgia,serif;font-size:27px;font-weight:500}.stat-meta small{color:#a09a92;font-size:10px}.more-button{position:absolute;top:18px;right:13px}.more-button svg{width:17px}.dashboard-grid{grid-template-columns:1.35fr .9fr;gap:14px;margin-top:14px;display:grid}.panel{padding:23px}.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.panel-heading h2{letter-spacing:-.3px;margin:0;font-family:Georgia,serif;font-size:20px;font-weight:500}.text-button{color:#9b5447;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:650;display:flex}.text-button svg{width:14px}.stock-visual{justify-content:space-around;align-items:center;gap:30px;min-height:230px;padding:20px 16px 4px;display:flex}.donut{--available:72%;background:conic-gradient(var(--sage) 0 var(--available), #e9c7bc var(--available) 88%, #dfe6ea 88% 100%);border-radius:50%;flex:none;place-items:center;width:156px;height:156px;display:grid;position:relative}.donut:before{background:var(--paper);content:"";border-radius:50%;width:112px;height:112px;position:absolute}.donut div{z-index:1;flex-direction:column;align-items:center;display:flex}.donut strong{font-family:Georgia,serif;font-size:24px;font-weight:500}.donut span{color:var(--muted);margin-top:3px;font-size:10px}.legend{flex-direction:column;gap:18px;min-width:180px;display:flex}.legend>div{grid-template-columns:9px 1fr auto;align-items:center;gap:9px;display:grid}.legend i{border-radius:3px;width:8px;height:8px}.legend-available{background:var(--sage)}.legend-reserved{background:#e1b1a3}.legend-transit{background:#c7d3d9}.legend span{color:var(--muted);font-size:11px}.legend strong{font-size:12px}.action-panel{grid-row:span 2}.quick-list{flex-direction:column;gap:8px;margin-top:22px;display:flex}.quick-action{width:100%;color:inherit;cursor:pointer;text-align:left;background:#faf9f7;border:1px solid #0000;border-radius:11px;grid-template-columns:40px 1fr 18px;align-items:center;gap:12px;padding:12px;transition:all .18s;display:grid}.quick-action:hover{border-color:var(--line);background:#fff;transform:translate(2px)}.quick-icon{width:38px;height:38px}.quick-icon svg{width:17px}.quick-action>span:nth-child(2){flex-direction:column;display:flex}.quick-action strong{font-size:12px}.quick-action small{color:#98928a;margin-top:4px;font-size:10px}.quick-action>svg{color:#aaa49c;width:14px}.activity-panel{min-height:230px}.live-pill{color:#68806c;text-transform:uppercase;background:#eef4ee;border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;font-weight:700;display:flex}.live-pill i{background:#75a37c;border-radius:50%;width:5px;height:5px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:160px;display:flex}.empty-illustration{color:#9b7a6f;background:#f2ede7;border-radius:50%;place-items:center;width:45px;height:45px;margin-bottom:11px;display:grid}.empty-state strong{font-family:Georgia,serif;font-size:15px;font-weight:500}.empty-state p{color:#99938b;max-width:290px;margin:6px 0 0;font-size:10px;line-height:1.5}.content-footer{color:#9a958e;flex-wrap:wrap;gap:8px 20px;margin-top:22px;font-size:10px;display:flex}.content-footer span+span:before{content:"•";margin-right:20px}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.action-panel{grid-row:auto}.quick-list{grid-template-columns:repeat(3,1fr);display:grid}.quick-action{grid-template-columns:38px 1fr}.quick-action>svg{display:none}}@media (max-width:760px){.sidebar{display:none}.workspace{width:100%;margin-left:0}.topbar{height:64px;padding:0 18px}.mobile-menu{display:grid}.search-box{flex:1;width:auto;margin:0 14px}.search-box kbd,.profile>div:not(.avatar),.profile>svg{display:none}.profile{border-left:0;padding-left:0}.content{padding:28px 18px}.welcome-row{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:126px;padding:16px}.stock-visual{flex-direction:column}.quick-list{grid-template-columns:1fr}.quick-action{grid-template-columns:40px 1fr 18px}.quick-action>svg{display:block}.content-footer span+span:before{display:none}}@media (max-width:480px){.search-box span{font-size:0}.search-box span:after{content:"Cari...";font-size:11px}.topbar-actions{gap:10px}.icon-button{display:none}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:110px}.welcome-row h1{font-size:32px}.primary-button{justify-content:center;width:100%}.panel{padding:18px}}.module-page{background:var(--canvas);min-height:100vh}.module-header{border-bottom:1px solid var(--line);background:var(--paper);padding:0 max(28px,50vw - 640px)}.module-header>nav{border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:28px;height:68px;display:flex}.module-header>nav a{color:var(--muted);font-size:12px;font-weight:600;text-decoration:none}.module-header>nav a:hover{color:var(--coral-dark)}.module-brand{height:68px;color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex;position:absolute}.module-brand>span{background:var(--ink);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;font-family:Georgia,serif;font-size:14px;display:grid}.module-brand div{flex-direction:column;display:flex}.module-brand strong{font-family:Georgia,serif;font-size:15px}.module-brand small{color:#99938b;margin-top:2px;font-size:9px}.module-title{justify-content:space-between;align-items:flex-end;gap:24px;padding:46px 0 38px;display:flex}.module-title h1{letter-spacing:-1.2px;margin:0;font-family:Georgia,serif;font-size:clamp(32px,4vw,46px);font-weight:500}.module-title>div>p:last-child{max-width:620px;color:var(--muted);margin:9px 0 0;font-size:13px;line-height:1.6}.module-content{max-width:1280px;margin:0 auto;padding:28px 28px 60px}.module-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.module-stats article{border:1px solid var(--line);background:var(--paper);border-radius:14px;align-items:flex-start;gap:14px;min-height:128px;padding:20px;display:flex}.module-stats article>span{border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.module-stats article>span svg{width:18px}.module-stats article div{flex-direction:column;display:flex}.module-stats small{color:var(--muted);font-size:10px}.module-stats strong{margin:5px 0 2px;font-family:Georgia,serif;font-size:26px;font-weight:500}.module-stats p{color:#aaa49c;margin:0;font-size:9px}.workflow-panel,.data-panel{border:1px solid var(--line);background:var(--paper);border-radius:14px;margin-top:14px;padding:24px}.section-title{justify-content:space-between;align-items:flex-start;display:flex}.section-title h2{margin:0;font-family:Georgia,serif;font-size:21px;font-weight:500}.section-title>span{color:#847d74;text-transform:uppercase;background:#f2eee9;border-radius:20px;padding:6px 10px;font-size:9px;font-weight:700}.workflow-steps{grid-template-columns:repeat(5,1fr);margin-top:27px;display:grid}.workflow-steps>div{color:#706a62;align-items:center;gap:10px;font-size:11px;font-weight:650;display:flex}.workflow-steps i{color:#a95040;background:#f1e2dc;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:10px;font-style:normal;display:grid}.workflow-steps b{color:#c9c3bb;margin-left:auto;font-weight:400}.data-panel{min-height:280px}.data-table{margin-top:22px}.table-head,.table-row{grid-template-columns:1.1fr 1.4fr 1fr .6fr 1fr;align-items:center;gap:15px;padding:0 12px;display:grid}.table-head{border-bottom:1px solid var(--line);color:#9d978e;letter-spacing:.8px;text-transform:uppercase;height:34px;font-size:9px;font-weight:750}.table-row{min-height:54px;color:var(--muted);border-bottom:1px solid #f0ede9;font-size:11px}.table-row strong{color:var(--ink);font-size:11px}.status-badge{color:#756f67;background:#eeeae5;border-radius:20px;width:fit-content;padding:5px 9px;font-size:9px;font-weight:700}.status-approved,.status-received,.status-completed{color:#5c775f;background:#e4eee4}.status-submitted,.status-partially_received,.status-in_production{color:#896e37;background:#f3ead4}.status-cancelled{color:#a6574b;background:#f1dfdc}.module-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:205px;display:flex}.module-empty>span{color:#90766c;background:#f2eee9;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:12px;display:grid}.module-empty strong{font-family:Georgia,serif;font-size:16px;font-weight:500}.module-empty p{color:#99938b;max-width:360px;margin:6px 0 0;font-size:10px;line-height:1.55}.maklon-rules{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.maklon-rules article{background:#faf8f5;border-radius:11px;gap:12px;padding:17px;display:flex}.maklon-rules article>svg{color:#9b6357}.maklon-rules strong{font-size:11px}.maklon-rules p{color:#99928a;margin:5px 0 0;font-size:9px;line-height:1.5}@media (max-width:900px){.module-stats{grid-template-columns:repeat(2,1fr)}.workflow-steps{grid-template-columns:1fr;gap:11px}.workflow-steps b{display:none}.maklon-rules{grid-template-columns:1fr}}@media (max-width:700px){.module-header{padding:0 18px}.module-header>nav{justify-content:flex-end;gap:14px}.module-header>nav a:first-child,.module-brand div{display:none}.module-title{flex-direction:column;align-items:flex-start;padding:34px 0 30px}.module-content{padding:20px 14px 45px}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr;padding:13px 4px}.table-row>:nth-child(3),.table-row>:nth-child(4){display:none}}@media (max-width:460px){.module-stats{grid-template-columns:1fr}.module-title .primary-button{width:100%}.section-title>span{display:none}}.logout-button{border:1px solid var(--line);color:#766f67;cursor:pointer;background:#fff;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:700}.logout-button:hover{color:var(--coral-dark);border-color:#d6aaa0}.logout-button:disabled{opacity:.6}.login-page{background:var(--paper);grid-template-columns:minmax(360px,.9fr) 1.1fr;min-height:100vh;display:grid}.login-story{color:#fff;background:#292723;flex-direction:column;justify-content:space-between;min-height:100vh;padding:44px clamp(36px,5vw,76px);display:flex;overflow:hidden}.login-story:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-180px;left:-120px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff05}.login-brand{z-index:1;align-items:center;gap:12px;display:flex}.login-brand>span{color:#5c3028;background:#d8a99d;border-radius:12px;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-weight:700;display:grid}.login-brand div{flex-direction:column;display:flex}.login-brand strong{font-family:Georgia,serif;font-size:17px}.login-brand small{color:#aaa59e;margin-top:2px;font-size:10px}.login-story>div:nth-child(2){z-index:1;max-width:580px}.login-story .eyebrow{color:#d8a99d}.login-story h1{letter-spacing:-1.8px;margin:0;font-family:Georgia,serif;font-size:clamp(38px,4.5vw,62px);font-weight:400;line-height:1.08}.login-story>div:nth-child(2)>p:last-child{color:#b9b5af;max-width:500px;margin:20px 0 0;font-size:13px;line-height:1.8}.login-story footer{z-index:1;color:#85817b;letter-spacing:.6px;text-transform:uppercase;font-size:9px}.login-panel{place-items:center;padding:36px;display:grid}.login-card{width:min(390px,100%)}.login-card h2{letter-spacing:-.7px;margin:0;font-family:Georgia,serif;font-size:32px;font-weight:500}.login-card>p:nth-child(3){color:var(--muted);margin:9px 0 30px;font-size:12px}.login-form{flex-direction:column;display:flex}.login-form label{color:#58534d;margin:0 0 7px;font-size:10px;font-weight:750}.login-form input{height:46px;color:var(--ink);border:1px solid #dfdbd5;border-radius:10px;outline:none;margin-bottom:17px;padding:0 13px;font-size:12px;transition:all .18s}.login-form input:focus{border-color:#b77969;box-shadow:0 0 0 3px #ecdcd7}.login-form input::placeholder{color:#aaa49c}.login-error{color:#a14e40;background:#f8e7e3;border-radius:8px;margin:-4px 0 15px;padding:10px 12px;font-size:10px;line-height:1.45}.login-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;height:46px;margin-top:4px;font-size:11px;font-weight:750;box-shadow:0 7px 18px #2927232e}.login-button:hover{background:#45413b}.login-button:disabled{cursor:wait;opacity:.7}.login-security{color:#99938b;align-items:center;gap:8px;margin-top:22px;font-size:9px;line-height:1.5;display:flex}.login-security i{background:#719177;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #e2ece3}@media (max-width:800px){.login-page{grid-template-columns:1fr}.login-story{min-height:260px;padding:28px}.login-story>div:nth-child(2){margin:45px 0 20px}.login-story h1{font-size:35px}.login-story>div:nth-child(2)>p:last-child,.login-story footer{display:none}.login-panel{min-height:520px;padding:38px 24px}}