@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Noto+Sans+JP:wght@400;700&display=swap";:root{--bg-color: #f8faf9;--bg-gradient: linear-gradient(180deg, #f8faf9 0%, #f0f7f3 100%);--text-primary: #004d2c;--text-secondary: #4a6659;--text-on-light: #004d2c;--text-on-dark: #ffffff;--accent-color: #22b14c;--accent-hover: #1e9641;--accent-red: #e74c3c;--one-green-light: #a4e40e;--one-green-mid: #22b14c;--one-green-dark: #004d2c;--accent-gradient: linear-gradient(135deg, #a4e40e 0%, #22b14c 100%);--glossy-overlay: linear-gradient( 180deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .05) 100% );--surface-color: #ffffff;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(34, 177, 76, .2);--border-color: #22b14c;--border-light: rgba(34, 177, 76, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 30px rgba(0, 77, 44, .06);--font-heading: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-body: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Inter", "Noto Sans JP", sans-serif;font-family:var(--font-body);line-height:1.6;font-weight:400;color-scheme:light;color:var(--text-primary);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);min-height:100vh;margin:0;display:flex;flex-direction:column}#root{width:100%;max-width:1650px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative}body.full-screen-mode #root,body.full-screen-mode .app-container,body.full-screen-mode .main-content,body.full-screen-mode .view-container{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}body.full-screen-mode .header{padding-left:1rem!important;padding-right:1rem!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:500;color:var(--text-primary);line-height:1.2}.title{color:var(--text-primary);font-family:var(--font-heading);letter-spacing:.05em;font-weight:800}a{color:var(--accent-color);text-decoration:none;transition:color .2s}button{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-light);padding:.8rem 1.5rem;border-radius:12px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;gap:.5rem}button:hover{transform:translateY(-2px);border-color:var(--accent-color);box-shadow:0 8px 20px #2ecc7126}.header{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.5rem;background:#ffffffe6;border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.glass-panel{background:var(--surface-color);border:1px solid var(--border-light);border-radius:20px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1a2e2699;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#fff;gap:1.5rem}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-top:5px solid #2ecc71;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-weight:500;font-size:1.25rem;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.2)}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.header{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50;background-color:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light)}.header h2{font-size:1.25rem;margin:0;color:var(--text-primary)}.header-logo{transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.header-logo:hover{transform:scale(1.1);filter:brightness(1.1);box-shadow:0 4px 12px #2ecc7133}.sync-indicator{display:flex;align-items:center;gap:.5rem;margin-left:1.2rem;padding:.4rem 1rem;background:#f0fdf4;border-radius:20px;border:1px solid rgba(164,228,14,.3);animation:fadeIn .4s ease-out;box-shadow:var(--shadow-sm)}.sync-dot{width:10px;height:10px;background:var(--one-green-mid);border-radius:50%;animation:pulseSync 1.5s infinite ease-in-out}.sync-indicator span{font-size:.8rem;font-weight:500;color:var(--one-green-dark);white-space:nowrap}@keyframes spin{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.refresh-btn:hover:not(:disabled){background:var(--one-green-dark)!important;border-color:var(--one-green-dark)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #004d2c33}.refresh-btn:active:not(:disabled){transform:translateY(0)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes pulseSync{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.2);opacity:1}to{transform:scale(.9);opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.back-btn{padding:.5rem 1rem;font-size:.9rem;border-radius:10px;background:var(--surface-color);border:1px solid var(--border-light);color:var(--text-primary)}.main-content{flex:1;padding:0;display:flex;flex-direction:column;position:relative;overflow:visible}.view-container{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto}.view-container.order-work-view{max-width:1650px!important;width:96%!important}.view-container.report-list-view{max-width:1650px!important;width:95%!important;height:calc(100vh - 80px);margin:0 auto;padding:0!important}.view-container.remnant-history-view{max-width:500px!important}.report-full-container{display:flex;flex-direction:column;height:100%;width:100%;background:#fff;overflow:hidden;border-radius:20px;box-shadow:var(--shadow-lg)}.excel-content{flex:1;display:flex;flex-direction:column;background:#f8fafc;overflow:hidden}.report-selector-wrapper{display:flex;align-items:center;gap:.8rem;background:#f1f5f9;padding:.5rem 1rem;border-radius:12px;border:1px solid var(--border-light);position:relative;min-width:300px}.report-picker{appearance:none;background:transparent;border:none;font-weight:700;font-size:1.1rem;color:var(--text-primary);width:100%;cursor:pointer;padding-right:1.5rem}.report-selector-wrapper .icon{color:var(--accent-color)}.report-selector-wrapper .chevron{position:absolute;right:1rem;pointer-events:none;color:var(--text-secondary)}.excel-table-container{flex:1;overflow:auto;padding:.8rem}.excel-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--border-light);border-radius:8px;font-size:.95rem}.excel-table th{position:sticky;top:0;background:#f1f5f9;z-index:10;padding:.5rem .8rem;text-align:left;font-weight:700;color:var(--text-secondary);border-bottom:2px solid var(--border-light);border-right:1px solid var(--border-light)}.excel-table td{padding:.4rem .8rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9}.excel-table tr:nth-child(2n){background:#e2e8f0}.excel-table tr:hover{background:#f1fdf4}.excel-filter-bar{padding:1rem 1.5rem;background:#fff;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:1.5rem}.excel-select{padding:.6rem 1rem;border-radius:8px;border:1px solid var(--border-light);background:#fff;font-size:.95rem;color:var(--text-primary);outline:none}.excel-select:focus{border-color:var(--accent-color)}.sidebar-item{padding:.8rem 1.2rem;border-bottom:1px solid var(--border-light);cursor:pointer;transition:all .2s}.sidebar-item:hover{background:#f0fdf4}.sidebar-item.active{background:#f0fdf4;border-left:4px solid var(--accent-color)}.main-menu-card{width:100%;padding:.5rem;background:transparent;border-radius:0;box-shadow:none;border:none}.home-category-title{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin:2.5rem 0 1rem;text-transform:none;letter-spacing:normal;display:flex;align-items:center;gap:.6rem}.home-btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;width:100%}.home-btn{background:#fff;border:1px solid rgba(0,77,44,.1);border-radius:3px;padding:2.2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0rem;transition:all .3s ease;box-shadow:0 4px 15px #00000008;cursor:pointer;overflow:hidden;position:relative}.home-btn:hover{transform:translateY(-4px);background:#fff;box-shadow:0 12px 30px #004d2c14;border-color:var(--one-green-mid)}.home-btn.completed{background:#f0fdf4e6!important;border:1.5px solid var(--accent-color)!important;box-shadow:0 8px 20px #22b14c1a!important}.home-btn.disabled{opacity:.6;cursor:not-allowed!important;background:#f8fafc!important;border-color:#e2e8f0!important;box-shadow:none!important;transform:none!important}.status-badge-done{position:absolute;top:10px;left:12px;right:auto;background:var(--accent-color);color:#fff!important;padding:2px 8px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:500;box-shadow:0 2px 4px #0000001a;border:1px solid white;z-index:10;line-height:1;white-space:nowrap;animation:badgePop .4s cubic-bezier(.175,.885,.32,1.275)}.status-badge-done span,.status-badge-suspended span{color:#fff!important}.status-badge-suspended{position:absolute;top:10px;right:8px;background:#3498db;color:#fff!important;padding:2px 8px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:500;box-shadow:0 2px 4px #0000001a;border:1px solid white;z-index:10;line-height:1;white-space:nowrap;animation:badgePop .4s cubic-bezier(.175,.885,.32,1.275)}.home-btn:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014;border-color:var(--one-green-mid)}.home-btn .icon-wrapper{width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:var(--one-green-mid)}.home-btn span{font-weight:500;font-size:1.2rem;color:var(--one-green-mid)}.home-btn.shikomi.pending{background:#f1f5f9;color:#94a3b8;opacity:.8}.shikomi-badge{position:absolute;top:-5px;right:-5px;width:14px;height:14px;background:#ef4444;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003}.home-section{width:100%;margin-top:1.5rem;text-align:left}.section-title{font-size:1.3rem;font-weight:500;color:var(--text-secondary);margin-bottom:.8rem;padding-left:.5rem;border-left:4px solid var(--accent-color);text-transform:uppercase;letter-spacing:.05em}.mega-button.prep{background:var(--accent-color);box-shadow:0 10px 30px #2ecc7133}.mega-button.prep:hover{background:var(--accent-hover);box-shadow:0 20px 40px #2ecc714d}.secondary-button{width:100%;padding:1.2rem;margin-top:.8rem;border-radius:16px;background:#f8faf9;border:1px solid var(--border-light);color:var(--text-primary);font-weight:600;display:flex;align-items:center;justify-content:center;gap:.8rem;transition:all .3s}.secondary-button:hover{background:#fff;border-color:var(--accent-color);transform:translateY(-2px)}.area-select-view{padding-top:2rem}.area-select-view .title{margin-bottom:2.5rem;text-align:center}.area-grid{display:flex;flex-direction:column;gap:1.5rem;width:100%}.area-btn{width:100%;padding:2.5rem;font-size:1.8rem;font-weight:700;border-radius:28px;display:flex;align-items:center;justify-content:flex-start;gap:1.5rem;background:#fff;border:1px solid var(--border-light);color:var(--one-green-dark);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.area-btn:hover{border-color:var(--one-green-mid);background:#f1fcf4;transform:translate(12px);color:var(--one-green-mid)}.area-btn:disabled{opacity:.6;background:#f1f5f9;border-color:#cbd5e1;color:#64748b;cursor:not-allowed;transform:none}.area-icon{color:var(--one-green-mid)}.inventory-view{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden;touch-action:none}body.no-scroll{height:100vh;overflow:hidden;position:fixed;width:100%}.inventory-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem}.area-badge{background:#f0fdf4;border:1px solid var(--accent-color);color:var(--accent-color);padding:.4rem 1.2rem;border-radius:20px;font-weight:700;font-size:.9rem}.progress-text{font-weight:600;color:var(--text-secondary)}.flashcard-container{flex:1;width:100%;position:relative;display:flex;align-items:center;justify-content:center;min-height:350px}.flashcard{position:absolute;top:.1rem;width:100%;max-width:1100px;background:#fff;padding:1.5rem 2.5rem;border-radius:40px;border:1px solid var(--border-light);box-shadow:0 20px 50px #0000001a;display:flex;flex-direction:column;align-items:center;height:auto;min-height:82vh;max-height:90vh;overflow-y:auto;justify-content:flex-start;gap:.2rem}.item-header-group{display:flex;flex-direction:column;align-items:center;width:100%}.item-name{font-size:2.6rem;text-align:center;margin:0;color:var(--text-primary);font-weight:800;letter-spacing:-.02em;line-height:1.05;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.item-caption{font-size:1.2rem;color:var(--text-secondary);font-weight:600;text-align:center;margin:.1rem 0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-caption.long-caption{font-size:1rem}.item-caption.extra-long-caption{font-size:.9rem}.item-caption.ultra-long-caption{font-size:.8rem}.item-caption.mega-long-caption{font-size:.75rem}.long-name .item-name{font-size:1.6rem}.extra-long-name .item-name{font-size:1.3rem;letter-spacing:-.02em}.ultra-long-name .item-name{font-size:1rem;letter-spacing:-.03em}.mega-long-name .item-name{font-size:.8rem;letter-spacing:-.04em}.giga-long-name .item-name{font-size:.7rem;letter-spacing:-.05em}.tera-long-name .item-name{font-size:.6rem;letter-spacing:-.07em}.peta-long-name .item-name{font-size:max(.5rem,1.5vw);letter-spacing:-.1em}.giga-long-name.flashcard{padding:1.2rem 2rem}.counter-controls{display:flex;align-items:center;justify-content:center;gap:2rem;width:100%}.counter-btn{width:70px;height:70px;border-radius:24px;font-size:2.2rem;display:flex;align-items:center;justify-content:center;padding:0;background:#fff;border:1px solid var(--border-light);color:var(--text-primary)}.counter-btn.minus:hover{background:#fef2f2;border-color:var(--accent-red);color:var(--accent-red)}.counter-btn.plus:hover{background:#f0fdf4;border-color:var(--accent-color);color:var(--accent-color)}.count-display{display:flex;flex-direction:column;align-items:center;min-width:120px}.count-value{font-size:6.5rem;font-weight:800;line-height:1;color:var(--accent-color);transition:font-size .2s ease}.long-name .count-value{font-size:5.5rem}.extra-long-name .count-value{font-size:4.5rem}.count-display{margin:.5rem 0!important}.count-unit{font-size:1.1rem;color:var(--text-secondary);font-weight:600;margin-top:.5rem}.navigation-controls{display:flex;justify-content:space-between;width:100%;margin-top:auto;padding-top:2rem}.nav-btn{padding:1.2rem 2rem;font-size:1.1rem;min-width:140px;border-radius:16px}.side-nav-btn{width:60px;border-radius:12px;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s}.numpad-wrapper{flex:1;max-width:600px}.numpad-container{width:100%;margin-top:2rem;display:flex;justify-content:center}.numpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:600px}.inventory-input-row{display:grid;grid-template-columns:120px 1fr 120px;align-items:stretch;justify-items:center;gap:1rem;width:100%;margin-top:auto;padding-top:.5rem}.numpad-btn{height:84px;font-size:2.2rem;font-weight:800;border-radius:24px;background:#fff;border:1.5px solid #eef2f6;color:#1a202c;box-shadow:0 4px 6px -1px #0000000d}.numpad-btn:hover{background:#f0fdf4;border-color:var(--accent-color)}.numpad-btn.clr{color:var(--accent-red)}.numpad-btn.del{color:var(--text-secondary)}.admin-input-group{display:flex;flex-direction:column;gap:.8rem;text-align:left;width:100%}.admin-input-group label{font-size:.9rem;font-weight:700;color:var(--text-secondary);letter-spacing:.1em}.admin-input{width:100%;padding:1.2rem;border-radius:12px;background:#fff;border:1px solid var(--border-light);color:var(--text-primary);font-size:1.1rem;outline:none;transition:all .3s}.admin-input:focus{border-color:var(--accent-color);box-shadow:0 0 15px #2ecc711a}.report-view{width:100%;max-width:1650px;padding-top:1rem}.report-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem;width:100%}.report-table-container{width:100%;border-radius:20px;overflow:hidden;border:1px solid var(--border-light);background:#fff;box-shadow:var(--shadow-sm)}.report-table{width:100%;border-collapse:collapse}.report-table th{background:#f8faf9;padding:.7rem 1rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.report-table td{padding:.7rem 1rem;border-bottom:1px solid #f0f7f4;color:var(--text-primary)}.item-name-cell{font-weight:600;font-size:1.1rem}.report-table tbody tr:nth-child(2n){background:#f1f5f9}.report-table .num-col{text-align:right;font-weight:600}.report-table .order-amount.needs-order{color:var(--accent-color)!important;font-weight:800}.confirm-btn{margin-top:2rem;padding:1.5rem;font-size:1.4rem!important;background:var(--accent-color)!important;color:#fff!important;border:none!important;border-radius:18px!important;box-shadow:0 10px 30px #2ecc7133!important}.report-card.today{border:2px solid #2ecc71!important;background:#f0fdf4!important;box-shadow:0 4px 15px #2ecc7133!important}.report-card.today .report-card-header{background:#f0fdf4!important}.today-badge-inline{background:#2ecc71;color:#fff;padding:.2rem .6rem;font-size:.75rem;font-weight:700;border-radius:6px;vertical-align:middle}.report-action-btn{height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light);background:#fff;cursor:pointer;transition:all .2s;color:#4a6659;font-weight:600;padding:0 1rem!important;width:auto!important;gap:.5rem;box-shadow:0 2px 8px #0000000d}.report-action-btn.edit-action:hover{background:#f0f7f4;color:#2ecc71;border-color:#2ecc71}.report-action-btn.delete-action:hover{background:#fee2e2;color:#e74c3c;border-color:#e74c3c}.edit-mode-container{background:#f8fafc;padding:1rem;border-radius:12px;border:1px dashed var(--primary-color)}.edit-input{width:60px;padding:.4rem;border:1px solid var(--border-light);border-radius:6px;text-align:right;font-weight:600;font-family:inherit;font-size:1rem}.edit-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #27ae601a}.confirm-btn.small,.back-btn.small{padding:.4rem .8rem!important;font-size:.9rem!important;margin:0!important;display:flex!important;align-items:center!important;gap:.4rem!important}.report-card.today:before{content:"本日";position:absolute;top:0;right:0;background:var(--accent-color);color:#fff;padding:.2rem 1rem;font-size:.75rem;font-weight:700;border-bottom-left-radius:10px}.admin-tabs-container{width:100%;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem;position:sticky;top:57px;z-index:50;background:#f8faf9f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1rem 0;margin-top:-1rem;border-bottom:1px solid var(--border-light);box-shadow:0 4px 12px #0000000d}.admin-action-btn{background:#fff;color:var(--text-primary);border:1.5px solid var(--border-light);font-weight:700;transition:all .3s ease;padding:.5rem 1rem;border-radius:50px;display:flex;align-items:center;gap:.5rem;font-size:.95rem;white-space:nowrap;flex-shrink:0}.admin-action-btn:hover{border-color:var(--accent-color);background:#f0fdf4;transform:translateY(-1px)}.admin-action-btn.primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 4px 12px #22b14c33}.admin-action-btn.primary:hover{background:var(--accent-hover)}.admin-action-btn.reorder-inactive{background:#f39c12;color:#fff;border:2px solid #e67e22;box-shadow:0 2px 6px #f39c1233}.admin-action-btn.reorder-inactive:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #e67e224d}.admin-action-btn.reorder-active{background:#e67e22;color:#fff;border:2px solid #f39c12;box-shadow:0 0 20px #e67e2299;animation:pulse-orange-intense 1.5s infinite;transform:scale(1.02)}@keyframes pulse-orange-intense{0%{box-shadow:0 0 #e67e2299}70%{box-shadow:0 0 0 15px #e67e2200}to{box-shadow:0 0 #e67e2200}}.admin-tabs-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%}.admin-tabs-list{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;flex:1;-webkit-overflow-scrolling:touch}.admin-tab{padding:.4rem .8rem;border-radius:12px;border:1px solid var(--border-light);background:#fff;color:var(--text-primary);font-weight:700;font-size:.95rem;white-space:nowrap;cursor:pointer;transition:all .2s}.admin-tab:hover{border-color:var(--accent-color);background:#f0fdf4}.admin-tab.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 4px 12px #2ecc7133}.admin-tab.global-order{border:2px solid var(--accent-color);background:#f0fdf4;color:var(--accent-color)}.admin-tab.global-order.active{background:var(--accent-color);color:#fff}.admin-item-card{background:#fff;border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-sm);margin-bottom:.6rem;padding:.8rem 1rem}.admin-item-display{display:flex;justify-content:space-between;align-items:center;gap:1rem}.admin-item-info{flex:1;text-align:left}.admin-item-name{font-size:1rem;margin:0;color:var(--text-primary)}.admin-item-actions{display:flex;gap:.5rem;flex-shrink:0}.icon-btn{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--surface-color);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;padding:0}.edit-btn:hover{color:var(--accent-color);border-color:var(--accent-color)}.delete-btn:hover{color:var(--accent-red);border-color:var(--accent-red)}.notification{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:400px;background:#fff!important;border:1px solid var(--accent-color)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-md)!important;padding:1rem;border-radius:12px;z-index:1000;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.8rem}@media(max-width:480px){.main-content{padding:.8rem}.flashcard{padding:1.2rem .5rem;width:100%!important}.item-name{font-size:1.6rem}.count-value{font-size:3.5rem}.numpad-btn{height:50px;font-size:1.4rem;border-radius:12px}.numpad-grid{gap:.4rem}.inventory-input-row{gap:.2rem}.home-btn{padding:1rem .5rem;border-radius:18px}.home-btn span{font-size:.85rem}.status-badge-done{top:8px;right:8px;width:16px;height:16px}.admin-item-display,.admin-item-actions{flex-direction:row!important}}@media(min-width:768px){.view-container{max-width:760px!important;width:95%!important}.main-content{padding:2.5rem!important}.home-section>div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1.5rem!important}.mega-button{padding:3.5rem 2rem!important;font-size:2.2rem!important;border-radius:40px!important}.flashcard{max-width:100%!important;width:100%!important;padding:1.5rem 2rem!important;border-radius:40px!important;justify-content:center!important;gap:.5rem!important}.item-name{font-size:3.5rem!important;margin-bottom:1rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important;display:block!important;text-align:center!important}.item-caption{font-size:1.8rem!important;margin-top:-.5rem!important;margin-bottom:1rem!important}.long-name .item-name{font-size:2.8rem!important}.extra-long-name .item-name{font-size:2.2rem!important}.ultra-long-name .item-name{font-size:1.6rem!important}.mega-long-name .item-name{font-size:1.2rem!important}.giga-long-name .item-name{font-size:1rem!important}.tera-long-name .item-name{font-size:.85rem!important}.peta-long-name .item-name{font-size:.75rem!important;letter-spacing:-.08em!important}.giga-long-name.flashcard{padding:2rem 3rem!important}.tera-long-name.flashcard,.peta-long-name.flashcard{padding:1.5rem 2rem!important}.count-value{font-size:8rem!important}.count-display{margin:1rem 0!important}.numpad-wrapper{max-width:500px!important}.side-nav-btn{width:110px!important;font-size:1.2rem!important}.numpad-grid{max-width:100%!important;width:100%!important;gap:1.2rem!important}.numpad-btn{height:72px!important;font-size:2.8rem!important;border-radius:24px!important}.numpad-btn.action.next{font-size:1.5rem!important;gap:.5rem!important}.numpad-btn.action.clr{font-size:3.5rem!important}.numpad-btn svg{width:40px!important;height:40px!important}.inventory-input-row{margin-top:1.5rem!important;padding-top:0!important}}.admin-drag-handle{display:flex;align-items:center;gap:6px;padding:.6rem 1rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:grab;touch-action:none;font-size:.8rem;font-weight:700;transition:all .2s ease;box-shadow:0 4px 12px #0000000d}.admin-drag-handle:active{cursor:grabbing;background:#f1fcf4;border-color:var(--one-green-mid);color:var(--one-green-dark);transform:scale(.98);box-shadow:0 8px 20px #a4e40e33}.admin-drag-handle span{font-size:.75rem;letter-spacing:-.01em}.admin-item-card.reordering{border-color:var(--one-green-mid)!important;background:#f1fcf4!important}