:root{--primary-color: #FF6B6B;--success-color: #4ECDC4;--warning-color: #FFA07A;--text-primary: #333;--text-secondary: #666;--text-tertiary: #999;--bg-page: #f5f5f5;--bg-card: #ffffff;--border-color: #e5e5e5;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%;height:100%;overscroll-behavior-x:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-y;overflow-x:hidden;width:100%;max-width:100vw;position:relative;overscroll-behavior-x:none}#root{min-height:100vh;width:100%;overflow-x:hidden;overscroll-behavior-x:none}.page-container{padding:16px 16px 70px;width:100%;max-width:100vw;overflow-x:hidden;overscroll-behavior-x:none}.card{background:var(--bg-card);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:var(--shadow-sm);width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity .2s ease-in-out}.card.updating{opacity:.7}.card.updated{opacity:1}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-tertiary)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button:active{transform:scale(.98)}input,textarea,select{font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.record-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.btn-edit,.btn-delete{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit{background:#4ecdc4;color:#fff}.btn-edit:hover{background:#45b8b0}.btn-delete{background:#f44;color:#fff}.btn-delete:hover{background:#c00}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:20px;font-weight:700;margin:0}.modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#999;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close:hover{background:#f0f0f0;color:#333}.modal-actions{display:flex;gap:12px;margin-top:20px}.modal-actions button{flex:1;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}@media (max-width: 768px){.card{padding:12px;border-radius:10px}.modal-content{padding:20px}.modal-overlay{padding:12px}}@media (max-width: 480px){.card{padding:10px;margin-bottom:10px}button{font-size:14px}.modal-content{padding:16px;max-height:90vh}.record-actions{flex-direction:column}.btn-edit,.btn-delete{width:100%}.stats-card{padding:12px!important;border-radius:8px!important}.stats-card .emoji{font-size:24px!important;margin-bottom:6px!important}.stats-card .primary-value{font-size:20px!important;margin-bottom:3px!important}.stats-card .label{font-size:12px!important;margin-bottom:3px!important}.stats-card .secondary-value{font-size:16px!important}.stats-card .detail{font-size:11px!important;margin-top:6px!important}.stats-grid{gap:8px!important;grid-template-columns:repeat(3,1fr)!important}.stats-summary{margin-top:12px!important;padding:12px!important;font-size:13px!important}.stats-summary .title{font-size:14px!important;margin-bottom:6px!important}.stats-summary .item{margin-bottom:3px!important}.realtime-status-item{padding:12px!important}.realtime-status-grid{gap:10px!important;grid-template-columns:1fr!important}.date-navigator{flex-wrap:wrap}.date-navigator button{min-width:40px!important;min-height:40px!important;padding:6px 10px!important;font-size:18px!important}.date-navigator h2{font-size:16px!important}.date-navigator .date-display{font-size:13px!important}}