@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap";
:root{--bg-main:#f8fafc;--bg-card:#ffffffd9;--text-main:#1e293b;--text-muted:#64748b;--accent-color:#10b981;--accent-hover:#059669;--danger-color:#ef4444;--border-color:#e2e8f0cc;--glass-shadow:0 8px 32px 0 #1f268712}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);color:var(--text-main);background-image:radial-gradient(at 0 0,#7affc126 0,#0000 50%),radial-gradient(at 100% 0,#7abdff26 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Inter,Noto Sans JP,sans-serif;line-height:1.6}h1,h2,h3,h4{color:var(--text-main);font-weight:600}a{color:var(--accent-color);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);box-shadow:var(--glass-shadow);border:1px solid #ffffff4d;border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-control{border:1px solid var(--border-color);background:#ffffffe6;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.form-control:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #10b98133}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.quantity-stepper{border:1px solid var(--border-color);background-color:var(--bg-card);border-radius:8px;align-items:center;display:flex;overflow:hidden}.quantity-stepper button{background:var(--bg-main);cursor:pointer;width:32px;height:100%;color:var(--text-main);border:none;justify-content:center;align-items:center;padding:.5rem;font-size:1.125rem;font-weight:700;transition:background-color .2s;display:flex}.quantity-stepper button:hover{background:var(--border-color)}.quantity-stepper input{text-align:center;border:none;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);width:50px;color:var(--text-main);background-color:#0000;border-radius:0;padding:.5rem 0;font-size:1rem;font-weight:700}.quantity-stepper input:focus{background-color:#ffffff80;outline:none}.quantity-stepper-sm button{width:28px;padding:.25rem;font-size:1rem}.quantity-stepper-sm input{width:40px;padding:.25rem 0;font-size:.875rem}.btn-primary{background-color:var(--accent-color);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.btn-outline{color:var(--accent-color);border:1px solid var(--accent-color);background-color:#0000}.btn-outline:hover{color:var(--accent-hover);border-color:var(--accent-hover);background-color:#10b9810d}.navbar{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.navbar-brand{align-items:center;gap:1rem;font-size:1.25rem;font-weight:700;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}@media (max-width:768px){.glass-card{border-radius:12px;padding:1.25rem}.navbar{z-index:100;flex-direction:column;align-items:flex-start;padding:.5rem 1rem;position:sticky;top:0}.navbar-brand{gap:.5rem;font-size:1rem}.navbar .btn{width:auto;margin-bottom:0;padding:.4rem .5rem;font-size:.75rem}.table-responsive-mobile{width:100%;display:block}.table-responsive-mobile thead{display:none}.table-responsive-mobile tbody,.table-responsive-mobile tr{width:100%;display:block}.table-responsive-mobile tr{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;margin-bottom:1rem;padding:.5rem}.table-responsive-mobile td{text-align:right;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.table-responsive-mobile td:last-child{border-bottom:none}.table-responsive-mobile td:before{content:attr(data-label);text-align:left;color:var(--text-muted);margin-right:1rem;font-size:.875rem;font-weight:700}table:not(.table-responsive-mobile){-webkit-overflow-scrolling:touch;white-space:nowrap;width:100%;display:block;overflow-x:auto}.grid{display:grid;grid-template-columns:1fr!important;gap:1rem!important}.btn{white-space:normal;word-break:break-word;width:100%;margin-bottom:.5rem;padding:.6rem .75rem;font-size:.8rem;line-height:1.3}.table-responsive .btn,.table-responsive-mobile .btn,.inline-btn{width:auto;margin-bottom:0;padding:.4rem .6rem;font-size:.75rem}.form-control{padding:.8rem;font-size:16px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.mobile-flex-col{flex-direction:column!important;align-items:stretch!important}.mobile-scroll-row{width:100%;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important;flex-wrap:nowrap!important;gap:.5rem!important;padding-bottom:.25rem!important;display:flex!important;overflow-x:auto!important}.mobile-scroll-row::-webkit-scrollbar{display:none!important}.navbar-top-row{justify-content:space-between;width:100%;margin-bottom:.5rem;display:flex}.navbar-actions-scroll{width:100%;display:flex}}@media (max-width:1024px){.mobile-flex-col{flex-direction:column!important}.category-sidebar{width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;flex:none!important;margin-bottom:0!important;padding:.5rem 1rem!important;position:static!important}.category-title{display:none!important}.category-list{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important;flex-flow:row!important;gap:.5rem!important;padding-bottom:.5rem!important;display:flex!important;overflow-x:auto!important}.category-list::-webkit-scrollbar{display:none!important}.category-list li{flex:none!important;margin-bottom:0!important}.category-list a{white-space:nowrap!important;background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:20px!important;padding:.5rem 1rem!important;font-size:.875rem!important;display:block!important;box-shadow:0 2px 4px #0000000d!important}.category-list a.active-category{background-color:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important}}