*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}#root,body{min-height:100vh}#root{display:flex;flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #dc2626;border-radius:8px;box-shadow:0 2px 4px #dc26261a;color:#dc2626;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:hover{box-shadow:0 8px 25px #dc26264d;transform:translateY(-2px)}.btn-primary,.btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.btn-primary{border-color:#dc2626}.btn-primary:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 8px 25px #dc262666;transform:translateY(-2px)}.input{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#1e293b;font-size:16px;outline:none;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input:focus{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261a,0 4px 12px #0000001a;transform:translateY(-1px)}.input:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}select.input,select.input:focus{cursor:pointer}textarea.input{font-family:inherit;min-height:80px;resize:vertical}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #dc2626;border-radius:16px;box-shadow:0 25px 50px #00000026;max-width:400px;padding:32px;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2{color:#1e293b;font-weight:700;margin-bottom:24px;text-align:center}.error{color:#dc2626;font-size:14px;font-weight:500;margin-top:8px}.container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;padding:20px}.header{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:48px;overflow:hidden;padding:40px 20px;position:relative;text-align:center}.header:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#dc262608 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logo-container{margin-bottom:24px;position:relative;z-index:2}.logo{border:3px solid #fff;border-radius:16px;box-shadow:0 8px 32px #dc262633;display:block;height:120px;margin:0 auto;transition:all .3s cubic-bezier(.4,0,.2,1);width:120px}.logo:hover{box-shadow:0 12px 48px #dc26264d;transform:scale(1.05) rotate(2deg)}.logo-placeholder{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:3px solid #dc2626;border-radius:16px;box-shadow:0 8px 32px #dc26261a;color:#dc2626;display:flex;font-size:14px;font-weight:600;height:120px;justify-content:center;margin:0 auto 24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:120px}.logo-placeholder:hover{box-shadow:0 12px 48px #dc262633;transform:scale(1.05) rotate(2deg)}.navigation{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.intro,.navigation{position:relative;z-index:2}.intro{line-height:1.6;margin:0 auto 48px;max-width:600px;text-align:center}.intro h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#b91c1c);background-clip:text;-webkit-background-clip:text;color:#dc2626;font-size:2.5rem;font-weight:800;margin-bottom:16px;text-shadow:0 2px 4px #dc26261a}.intro p{color:#475569;font-size:1.1rem;font-weight:400}.card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:before{background:linear-gradient(135deg,#dc2626,#b91c1c);content:"";height:4px;left:0;position:absolute;right:0;top:0}.card:hover{box-shadow:0 16px 48px #0000001f;transform:translateY(-4px)}.expandable-section{margin-bottom:16px;min-width:0;width:100%}.expandable-section .card{box-sizing:border-box;cursor:pointer;min-width:0;width:100%}.expandable-content{animation:expandIn .3s ease-out;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;margin-top:16px;overflow-x:auto;padding:24px;width:100%}.expandable-content *{box-sizing:border-box;max-width:100%}.expandable-content table{table-layout:fixed;width:100%}.expandable-content input,.expandable-content select,.expandable-content textarea{max-width:100%}.expandable-content .card{max-width:100%;overflow-x:auto}.expandable-content div[style*="max-width: 500px"],.expandable-content div[style*="maxWidth: '500px'"]{max-width:100%!important;width:100%!important}.expandable-content>div{max-width:100%;width:100%}.expandable-content div[style*=gridTemplateColumns]{max-width:100%;overflow:hidden}.expandable-content div[style*="display: grid"]{max-width:100%;overflow-x:auto}.admin-container{margin:0 auto;max-width:100%;min-width:0;width:800px}.admin-container .expandable-section,.admin-container .expandable-section .card{min-width:0;overflow:hidden;width:100%}.admin-container .expandable-content{min-width:0;overflow-x:auto;width:100%}.supplier-main-content{min-width:0;overflow:hidden;width:calc(100vw - 300px)}.supplier-container{margin:0 auto;max-width:100%;min-width:0;overflow:hidden;width:800px}.supplier-container *{box-sizing:border-box;max-width:100%}.supplier-container .card{min-width:0;overflow:hidden;width:100%}.supplier-container div[style*="display: grid"]{max-width:100%;overflow:hidden}.analysis-main-content{min-width:0;overflow:hidden;width:calc(100vw - 300px)}.analysis-container{margin:0 auto;max-width:100%;min-width:0;overflow:hidden;width:800px}.analysis-container *{box-sizing:border-box;max-width:100%}.analysis-container .card{min-width:0;overflow:hidden;width:100%}.analysis-container div[style*="display: grid"]{max-width:100%;overflow:hidden}@keyframes expandIn{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}h2{color:#1e293b;font-weight:700;margin-bottom:24px;position:relative}h2:after{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}h3{color:#1e293b;font-weight:600;margin-bottom:12px}h4{font-weight:600}h4,label{color:#374151;margin-bottom:8px}label{display:block;font-weight:500}.text-red{color:#dc2626}.text-green{color:#059669}.text-gray{color:#6b7280}.bg-red{background-color:#dc26261a;border-color:#dc2626}.bg-green{background-color:#0596691a;border-color:#059669}.message{border:1px solid;border-radius:12px;box-shadow:0 4px 12px #0000000d;font-weight:500;margin-bottom:20px;padding:16px}.message.success{background:linear-gradient(135deg,#0596690d,#05966905);border-color:#059669;color:#059669}.message.error{background:linear-gradient(135deg,#dc26260d,#dc262605);border-color:#dc2626;color:#dc2626}.loading{opacity:.6;pointer-events:none}@media (max-width:768px){.container{padding:16px}.header{margin-bottom:32px;padding:24px 16px}.intro h1{font-size:2rem}.navigation{align-items:center;flex-direction:column}.btn{max-width:300px;width:100%}.supplier-main-content{margin-left:0!important;padding-top:60px;width:100%!important}.supplier-sidebar{height:calc(100vh - 60px)!important;max-width:100vw;pointer-events:auto;top:60px!important;transform:translateX(-100%);transition:transform .3s ease;width:100vw!important;z-index:1001}.supplier-sidebar.mobile-open{transform:translateX(0)}.supplier-sidebar.mobile-open:after{display:none}.supplier-container{padding:0 16px;width:100%}.supplier-main-content .header{margin-bottom:24px;padding:16px}.supplier-main-content .logo{height:80px;width:80px}.mobile-close-btn,.mobile-header{display:flex!important}.supplier-sidebar .supplier-item,.supplier-sidebar div[style*="cursor: pointer"],.supplier-sidebar div[style*="padding: 16px 20px"]{cursor:pointer!important;pointer-events:auto!important}.supplier-sidebar div[style*="padding: 16px 20px"]{background-color:initial!important;opacity:1!important}.supplier-sidebar div[style*="padding: 16px 20px"]:active{background-color:#2d3748!important}.supplier-sidebar div[style*="color: #9ca3af"],.supplier-sidebar div[style*="color: #ffffff"]{color:inherit!important;opacity:1!important}.analysis-main-content{margin-left:0!important;padding-top:60px;width:100%!important}.analysis-sidebar{height:calc(100vh - 60px)!important;max-width:100vw;pointer-events:auto;top:60px!important;transform:translateX(-100%);transition:transform .3s ease;width:100vw!important;z-index:1001}.analysis-sidebar.mobile-open{transform:translateX(0)}.analysis-sidebar.mobile-open:after{display:none}.analysis-container{padding:0 16px;width:100%}.analysis-main-content .header{margin-bottom:24px;padding:16px}.analysis-main-content .logo{height:80px;width:80px}.analysis-sidebar .analysis-item,.analysis-sidebar div[style*="cursor: pointer"],.analysis-sidebar div[style*="padding: 16px 20px"]{cursor:pointer!important;pointer-events:auto!important}.analysis-sidebar div[style*="padding: 16px 20px"]{background-color:initial!important;opacity:1!important}.analysis-sidebar div[style*="padding: 16px 20px"]:active{background-color:#2d3748!important}.analysis-sidebar div[style*="color: #9ca3af"],.analysis-sidebar div[style*="color: #ffffff"]{color:inherit!important;opacity:1!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}