@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap";:root{--admin-sidebar: 240px;--admin-topbar: 56px;--navy: #1A1A2E;--navy-mid: #2a2a4e;--sky: #B8E4F0;--sky-dark: #A0CDE0;--pink-light: #F9C8D8;--koi-red: #E63946;--koi-orange: #F4A261;--koi-teal: #A8DADC;--white: #FFFFFF;--offwhite: #F5F7FA;--border: #E2E8F0;--text: #2C2C2C;--text-muted: #6B7280;--success: #2E7D32;--success-bg: #E8F5E9;--warning: #E65100;--warning-bg: #FFF3E0;--error: #C62828;--error-bg: #FFEBEE;--info: #1565C0;--info-bg: #E3F2FD;--font: "Noto Sans JP", system-ui, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 4px rgba(26,26,46,.08);--shadow-md: 0 4px 16px rgba(26,26,46,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);font-size:.9rem;color:var(--text);background:var(--offwhite)}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font)}img{display:block;max-width:100%}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:var(--admin-sidebar);background:var(--navy);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:50;overflow-y:auto}.sidebar-brand{padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand-name{font-size:.95rem;font-weight:700;color:#fff;line-height:1.3}.sidebar-brand-sub{font-size:.7rem;color:#ffffff80;margin-top:2px}.sidebar-batch{margin:12px 12px 0;background:#ffffff14;border-radius:var(--radius-sm);padding:8px 10px;font-size:.75rem;color:#ffffffb3}.sidebar-batch-name{font-weight:600;color:var(--koi-orange);font-size:.8rem}.sidebar-nav{padding:12px 0;flex:1}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#ffffffa6;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;border-left:3px solid transparent;text-decoration:none}.nav-item:hover{background:#ffffff14;color:#fff;text-decoration:none}.nav-item.active{background:#a8dadc26;color:var(--koi-teal);border-left-color:var(--koi-teal)}.nav-item svg{width:16px;height:16px;flex-shrink:0}.sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.1)}.admin-main{margin-left:var(--admin-sidebar);flex:1;display:flex;flex-direction:column}.admin-topbar{height:var(--admin-topbar);background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;position:sticky;top:0;z-index:40;box-shadow:var(--shadow-sm)}.topbar-title{font-size:1rem;font-weight:700;color:var(--navy);flex:1}.topbar-actions{display:flex;align-items:center;gap:8px}.admin-content{padding:24px;flex:1}.page-header{margin-bottom:20px}.page-title{font-size:1.25rem;font-weight:700;color:var(--navy)}.page-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm)}.stat-card.accent-sky{border-top:3px solid var(--sky-dark)}.stat-card.accent-red{border-top:3px solid var(--koi-red)}.stat-card.accent-teal{border-top:3px solid var(--koi-teal)}.stat-card.accent-orange{border-top:3px solid var(--koi-orange)}.stat-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.stat-value{font-size:1.625rem;font-weight:700;color:var(--navy);line-height:1.2}.stat-sub{font-size:.75rem;color:var(--text-muted)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.chart-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.chart-card-title{font-size:.8rem;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.chart-canvas-wrap{position:relative;width:100%;height:260px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:20px}.card-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--offwhite)}.card-title{font-size:.9rem;font-weight:700;color:var(--navy)}.card-body{padding:20px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{background:var(--offwhite);padding:10px 14px;text-align:left;font-size:.72rem;font-weight:700;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid var(--border);white-space:nowrap}.data-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--offwhite)}.data-table a{color:var(--navy);font-weight:600}.data-table a:hover{color:var(--koi-red)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:9999px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-verified{background:var(--success-bg);color:var(--success)}.badge-refunded{background:#ede7f6;color:#6a1b9a}.badge-confirmed{background:var(--info-bg);color:var(--info)}.badge-done{background:var(--success-bg);color:var(--success)}.badge-cancelled{background:var(--border);color:var(--text-muted)}.badge-open{background:#fff9c4;color:#6d4c00}.badge-closed{background:var(--border);color:var(--text-muted)}.badge-draft{background:var(--offwhite);color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font);font-size:.85rem;font-weight:600;padding:6px 14px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s;min-height:36px;white-space:nowrap;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-primary:hover{background:var(--navy-mid)}.btn-danger{background:var(--koi-red);color:#fff;border-color:var(--koi-red)}.btn-danger:hover{background:#c0302e}.btn-outline{background:transparent;color:var(--navy);border-color:var(--border)}.btn-outline:hover{border-color:var(--navy);background:var(--offwhite)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-sm{font-size:.78rem;padding:4px 10px;min-height:30px}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.form-label{font-size:.8rem;font-weight:600;color:var(--text)}.form-label .required{color:var(--koi-red);margin-left:2px}.form-input,.form-select,.form-textarea{background:var(--offwhite);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-family:var(--font);font-size:.875rem;color:var(--text);min-height:40px;width:100%;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--navy);outline:none;background:#fff}.form-textarea{resize:vertical;min-height:80px}.form-hint{font-size:.75rem;color:var(--text-muted)}.form-error{font-size:.75rem;color:var(--koi-red)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:16px}.alert-error{background:var(--error-bg);color:var(--error);border:1px solid #ffcdd2}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid #c8e6c9}.alert-info{background:var(--info-bg);color:var(--info);border:1px solid #bbdefb}.pagination{display:flex;gap:4px;margin-top:16px}.page-btn{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;font-size:.8rem;color:var(--navy);cursor:pointer;text-decoration:none}.page-btn:hover{background:var(--sky);border-color:var(--sky-dark);text-decoration:none}.page-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M20 0 C8.954 0 0 8.954 0 20 L0 40 L40 40 L40 20 C40 8.954 31.046 0 20 0Z' fill='none' stroke='rgba(168,218,220,0.2)' stroke-width='1'/%3E%3C/svg%3E");background-size:40px 40px;pointer-events:none}.login-card{position:relative;width:360px;background:#fff;border-radius:var(--radius-lg);padding:36px 32px;box-shadow:0 20px 60px #0000004d}.login-logo{text-align:center;margin-bottom:24px}.login-logo-text{font-size:1.1rem;font-weight:700;color:var(--navy)}.login-logo-sub{font-size:.75rem;color:var(--text-muted)}.login-title{font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:20px}.order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.order-info-item{display:flex;flex-direction:column;gap:2px}.order-info-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.order-info-value{font-size:.9rem;font-weight:600;color:var(--text)}.action-form{display:inline}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px;padding:14px 16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md)}.filter-bar .form-group{margin-bottom:0;min-width:140px}.upload-area{border:2px dashed var(--border);border-radius:var(--radius-md);padding:24px;text-align:center;color:var(--text-muted);font-size:.85rem;background:var(--offwhite);transition:border-color .2s}.upload-area:hover{border-color:var(--navy)}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-card-link{text-decoration:none;cursor:pointer;transition:box-shadow .2s,transform .2s}.stat-card-link:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.topbar-hamburger,.order-card-list,.order-sticky-bar{display:none}.admin-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--navy);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(0,0,.2,1);z-index:200;overflow-y:auto}.drawer-backdrop{position:fixed;inset:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:199}@media(max-width:768px){.admin-sidebar{display:none}.admin-main{margin-left:0}.admin-content{padding:16px}.topbar-hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-sm);flex-shrink:0}.topbar-hamburger span{display:block;width:20px;height:2px;background:var(--navy);border-radius:2px}.topbar-hamburger:hover{background:var(--offwhite)}.admin-drawer.open{transform:translate(0)}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-header{padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.charts-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.order-info-grid,.form-row{grid-template-columns:1fr}.filter-bar{flex-direction:column;gap:8px}.filter-bar .form-group{min-width:unset;width:100%}.filter-bar .btn{width:100%}.table-wrap{display:none}.order-card-list{display:flex;flex-direction:column;gap:10px;padding:12px}.order-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm)}.order-card-top{display:flex;justify-content:space-between;align-items:center}.order-card-id{font-weight:700;color:var(--navy);font-size:.85rem;font-family:monospace}.order-card-date{font-size:.75rem;color:var(--text-muted)}.order-card-customer{display:flex;flex-direction:column;gap:2px}.order-card-customer strong{font-size:.95rem;color:var(--text)}.order-card-customer span{font-size:.8rem;color:var(--text-muted)}.order-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.order-card-total{font-weight:700;font-size:1rem;color:var(--navy)}.order-card-actions{display:flex;gap:8px;align-items:center}.order-card-actions .btn{min-height:44px;font-size:.875rem}.order-card-ck-done{flex:1;text-align:center;font-size:.8rem;color:var(--success);font-weight:600}.order-detail-grid{grid-template-columns:1fr}.order-sticky-bar{display:flex;gap:8px;align-items:center;position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--border);padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px #1a1a2e1a;z-index:100}.admin-content{padding-bottom:80px}}