@font-face{font-family:Jaturat;src:local("Jaturat"),url(/fonts/Jaturat.woff2) format("woff2"),url(/fonts/Jaturat.woff) format("woff");font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:Garet;src:local("Garet"),url(/fonts/Garet.woff2) format("woff2"),url(/fonts/Garet.woff) format("woff");font-style:normal;font-weight:300 800;font-display:swap}html{overflow-x:hidden}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f8f9fa;color:#333;line-height:1.6;max-width:100vw;overflow-x:hidden}#root{min-height:100vh;max-width:100vw;overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.welcome-section{background:linear-gradient(135deg,#032349,#764ba2);color:#fff;padding:60px 40px;border-radius:15px;text-align:center;margin-bottom:40px}.welcome-section h1{font-size:3em;margin-bottom:20px;font-weight:700}.welcome-section p{font-size:1.3em;margin-bottom:40px;opacity:.95;max-width:800px;margin-left:auto;margin-right:auto}.action-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.action-btn{padding:15px 30px;font-size:1.2em;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;min-width:200px}.action-btn:not(.secondary){background:#fff;color:#4a5568}.action-btn.secondary{background:transparent;color:#fff;border:2px solid white}.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.action-btn.secondary:hover{background:#fff;color:#4a5568}.features-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:40px}.feature-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #00000014;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:#3c3775;font-size:1.5em;margin-bottom:15px}.feature-card p{color:#666;line-height:1.6}.feature-icon{font-size:3em;margin-bottom:20px;color:#4caf50}.stats-section{background:#3c3775;color:#fff;padding:40px 20px;border-radius:12px;margin:40px 0;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:30px}.stat-item{padding:20px}.stat-number{font-size:2.5em;font-weight:700;color:#4caf50;display:block}.stat-label{font-size:1.1em;margin-top:10px;opacity:.9}.footer{margin-top:50px;padding:30px 20px;background:#f8f9fa;border-radius:12px;text-align:center;color:#666}@media(max-width:768px){.welcome-section h1{font-size:2em}.welcome-section p{font-size:1.1em}.action-buttons{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:300px}.features-section{grid-template-columns:1fr;gap:20px}.container{padding:15px}}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group{flex:1;min-width:0}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#3c3775}.form-group input,.form-group select{width:100%;max-width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px}.item-selection{display:flex;gap:20px;align-items:end;margin-bottom:20px;background:#f8f9fa;border-radius:8px;padding:16px;width:100%}.item-selection>div{flex:1;min-width:0}.item-selection label{display:block;margin-bottom:8px;font-weight:700;color:#3c3775}.item-selection input,.item-selection select{width:100%;max-width:100%;padding:10px;border:1px solid #ddd;border-radius:5px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}#itemsTable{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;min-width:600px}#itemsTable th,#itemsTable td{border:1px solid #ccc;padding:8px;text-align:center;vertical-align:middle}#itemsTable th{background-color:#f5f5f5;font-weight:700;position:sticky;top:0}.total-row{font-weight:700;background-color:#f0f0f0}.btn{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;cursor:pointer;border-radius:4px;font-size:14px;min-width:100px}.btn:hover{background-color:#45a049}.btn:disabled{background-color:#ccc;cursor:not-allowed}.edit-btn{background:none;border:none;cursor:pointer;padding:4px;font-size:16px;color:#666;margin-left:5px}.edit-btn:hover{color:#333}.price-display{display:inline-flex;align-items:center;justify-content:center;flex-wrap:nowrap}.price-input{width:70px;border:1px solid #ddd;padding:4px;text-align:center;font-size:12px}.form-fields-section,.delivery-discount-section{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:20px;width:100%}.total-display{text-align:center;margin-top:20px}.total-display h3{color:#3c3775;font-size:1.5em}.submit-section{text-align:center;margin-top:20px;padding:20px 0}@media(max-width:768px){.form-fields-section,.delivery-discount-section,.item-selection{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:visible}.form-group input,.form-group select,.item-selection input,.item-selection select{width:100%!important;max-width:100%!important;min-width:0!important}.form-row,.item-selection{flex-direction:column;gap:10px}#itemsTable{font-size:12px;min-width:500px}#itemsTable th,#itemsTable td{padding:6px 4px}.price-input{width:60px;font-size:11px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#032349,#764ba2);padding:20px}.login-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;padding:40px;max-width:450px;width:100%;text-align:center}.login-header{margin-bottom:30px}.login-logo{max-width:200px;height:auto;margin-bottom:20px}.login-header h1{color:#333;font-size:28px;margin-bottom:10px;font-weight:600}.login-header p{color:#666;font-size:16px;margin:0}.login-content{display:flex;flex-direction:column;gap:30px}.google-signin-button{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;border:2px solid #ddd;border-radius:12px;padding:14px 24px;font-size:16px;font-weight:500;color:#333;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.google-signin-button:hover{background:#f8f9fa;border-color:#4285f4;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.google-icon{width:20px;height:20px}.login-info{text-align:left;background:#f8f9fa;border-radius:12px;padding:24px}.login-info h3{margin:0 0 16px;color:#333;font-size:18px;text-align:center}.login-info ul{list-style:none;padding:0;margin:0}.login-info li{padding:8px 0;color:#555;font-size:14px;border-bottom:1px solid #eee}.login-info li:last-child{border-bottom:none}.loading-spinner{width:40px;height:40px;margin:0 auto 20px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.login-card{padding:30px 20px}.login-header h1{font-size:24px}.google-signin-button{padding:12px 20px;font-size:15px}}.container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.loading-dots{font-family:monospace;display:inline-block;min-width:3ch;text-align:left;transition:opacity .2s ease-in-out;color:#28a745;font-weight:700;font-size:1.2em}.loading-dots-animated{display:inline-flex;align-items:center;gap:4px}.loading-dots-animated .dot{width:8px;height:8px;border-radius:50%;background-color:#28a745;animation:pulse-dot 1.4s infinite ease-in-out}.loading-dots-animated .dot:nth-child(1){animation-delay:0s}.loading-dots-animated .dot:nth-child(2){animation-delay:.2s}.loading-dots-animated .dot:nth-child(3){animation-delay:.4s}@keyframes pulse-dot{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.loading-fade{transition:opacity .3s ease-in-out}.loading-fade.loading{opacity:.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.order-date-group{margin-bottom:15px}.order-date-header{font-weight:700;color:#0a2342;margin-bottom:8px;border-bottom:1px solid #e0e6ed;padding-bottom:4px;font-size:.95em}.order-item{margin-bottom:6px;margin-left:15px;border-left:3px solid #e3eaf6;padding:8px 0 8px 12px;transition:border-left-color .2s ease}.order-item:hover{border-left-color:#0a2342;background-color:#0a234205}.order-customer-name{font-weight:700;font-size:.9em;color:#0a2342}.order-details{font-size:.85em;color:#666;margin-top:3px;line-height:1.3}.order-address{font-size:.8em;color:#888;margin-top:2px}