.login-container{display:flex;height:100vh;width:100vw}.login-left{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.3}.login-brand{text-align:center;z-index:1;position:relative}.login-logo{max-width:200px;max-height:100px;width:auto;height:auto;object-fit:contain;margin-bottom:2rem;filter:brightness(0) invert(1);display:block;margin-left:auto;margin-right:auto}.login-brand h1{font-size:3.5rem;margin:0;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.login-brand p{font-size:1.2rem;margin-top:1rem;opacity:.9}.login-right{flex:1;background:#f5f7fa;display:flex;align-items:center;justify-content:center;padding:2rem}.login-form-wrapper{width:100%;max-width:400px;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.login-form-wrapper h2{margin:0 0 .5rem;font-size:2rem;color:#1a202c;font-weight:600}.login-subtitle{color:#718096;margin-bottom:2rem;font-size:.95rem}.login-button{height:45px;font-size:1rem;font-weight:500;background:linear-gradient(135deg,#667eea,#764ba2);border:none;margin-top:.5rem}.login-button:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.login-container{flex-direction:column}.login-left{flex:0 0 180px;min-height:180px}.login-logo{max-width:150px;max-height:70px;margin-bottom:1rem}.login-brand h1{font-size:2rem;margin-top:.5rem}.login-brand p{font-size:1rem;margin-top:.5rem}.login-right{padding:1.5rem}.login-form-wrapper{padding:2rem 1.5rem;max-width:100%}.login-form-wrapper h2{font-size:1.5rem}.login-subtitle{font-size:.875rem;margin-bottom:1.5rem}}@media (max-width: 480px){.login-left{flex:0 0 150px;min-height:150px}.login-logo{max-width:120px;max-height:60px;margin-bottom:.75rem}.login-brand h1{font-size:1.5rem}.login-brand p{font-size:.875rem}.login-right{padding:1rem}.login-form-wrapper{padding:1.5rem 1rem}.login-form-wrapper h2{font-size:1.25rem}.login-subtitle{font-size:.8rem;margin-bottom:1rem}.login-button{height:42px;font-size:.95rem}}.dashboard-sider{background:linear-gradient(180deg,#2d3748,#1a202c);box-shadow:2px 0 8px #0000001a}.sider-content{padding:2rem 1.5rem;height:100%;display:flex;flex-direction:column}.sider-logo{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center}.sider-logo .logo-image{max-width:180px;max-height:80px;width:auto;height:auto;object-fit:contain;filter:brightness(0) invert(1)}.user-welcome{color:#fff;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.user-welcome h2{color:#cbd5e0;font-size:1rem;font-weight:400;margin:0 0 .5rem}.user-welcome h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.user-email{color:#a0aec0;font-size:.875rem;margin:0}.sider-menu{margin-top:auto}.logout-button{color:#fc8181;height:45px;font-size:1rem;border:1px solid rgba(252,129,129,.3)}.logout-button:hover{background:#fc81811a;color:#f56565;border-color:#fc818180}.dashboard-header{background:#fff;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:99}.header-left{display:flex;align-items:center;gap:1rem}.menu-toggle{display:none;font-size:20px;width:40px;height:40px;padding:0}.dashboard-header h1{margin:0;font-size:1.5rem;font-weight:600;color:#1a202c}.dashboard-content{padding:2rem;background:#f7fafc;min-height:calc(100vh - 64px);transition:margin-left .2s}@media (max-width: 992px){.dashboard-content{margin-left:0}}.products-table-wrapper{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.empty-state{text-align:center;padding:4rem 2rem;color:#718096}.empty-state p{font-size:1.125rem;margin-bottom:1.5rem}.image-preview{margin:1rem 0;display:flex;justify-content:center}.request-btn{background:#52c41a;color:#fff;border-color:#52c41a;outline:none!important;box-shadow:none!important}.request-btn:hover{background:#73d13d!important;color:#fff!important;border-color:#73d13d!important;outline:none!important;box-shadow:none!important}.request-btn:focus{outline:none!important;box-shadow:none!important}.add-product-btn,.add-product-btn:hover{outline:none!important;box-shadow:none!important}.add-product-btn:focus{outline:none!important;box-shadow:none!important}.request-modal .ant-input-number,.request-modal .ant-select{font-size:14px}.request-modal .ant-table-small{font-size:13px}@media (max-width: 992px){.menu-toggle{display:flex!important}.dashboard-sider{position:fixed!important;left:0;top:0;bottom:0;z-index:1000;height:100vh;transition:transform .2s ease}.dashboard-sider.ant-layout-sider-collapsed{transform:translate(-100%)}.dashboard-sider:not(.ant-layout-sider-collapsed){transform:translate(0)}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:999;display:none}@media (max-width: 992px){.sidebar-overlay{display:block}.close-sidebar-btn{color:#fff!important;margin-bottom:1rem}.close-sidebar-btn:hover{background:#ffffff1a!important}}@media (max-width: 768px){.dashboard-header{padding:0 1rem!important;flex-wrap:wrap;gap:.5rem}.header-left{display:flex;align-items:center;gap:.5rem}.menu-toggle{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.dashboard-header h1{font-size:1.2rem!important;margin:0!important}.add-product-btn{font-size:.875rem;height:36px;padding:0 12px}.add-product-btn .btn-text,.request-btn .btn-text{display:none}.add-product-btn .anticon,.request-btn .anticon{margin-right:0!important}.request-btn{font-size:.875rem;height:36px;padding:0 12px}.dashboard-content{padding:1rem!important}.products-table-wrapper{padding:1rem!important;overflow-x:auto}.products-table-wrapper .ant-table{min-width:600px}.sider-content{padding:1.5rem 1rem}.sider-logo .logo-image{max-width:140px;max-height:60px}.user-welcome h3{font-size:1.2rem}.user-welcome{margin-bottom:2rem;padding-bottom:1.5rem}.empty-state{padding:2rem 1rem}.empty-state p{font-size:1rem}.image-preview{margin:.5rem 0}.image-preview .ant-image{max-width:100%}.product-modal .ant-modal-body{padding:1rem}.product-modal{max-width:90%!important}}@media (max-width: 480px){.dashboard-header{padding:.5rem!important}.dashboard-header h1{font-size:1rem!important}.dashboard-content{padding:.5rem!important}.products-table-wrapper{padding:.5rem!important;border-radius:4px}.sider-content{padding:1rem .75rem}.sider-logo{margin-bottom:1.5rem;padding-bottom:1.5rem}.sider-logo .logo-image{max-width:120px;max-height:50px}.user-welcome h2{font-size:.875rem}.user-welcome h3{font-size:1rem}.user-email{font-size:.75rem}.logout-button{height:40px;font-size:.875rem}.product-modal{margin:0!important;max-width:100%!important;top:0!important;padding-bottom:0!important}.product-modal .ant-modal-content{border-radius:0;height:100vh;display:flex;flex-direction:column}.product-modal .ant-modal-body{flex:1;overflow-y:auto}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}