*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,sans-serif;background:#f4f5f7;color:#1a1a1a;-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;min-height:100vh;background:#f4f5f7;padding-bottom:180px}.header{background:#fff;padding:16px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.header h1{margin:0;font-size:18px}.header .meta{font-size:13px;color:#6b7280;margin-top:4px}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;margin-left:8px}.badge.pending{background:#fef3c7;color:#92400e}.badge.confirmed{background:#d1fae5;color:#065f46}.badge.rejected{background:#fee2e2;color:#991b1b}.card-list{padding:12px;display:flex;flex-direction:column;gap:10px}.card{background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 1px 3px #0000000f;position:relative;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none}.card-inner{transition:transform .2s}.card.swiped .card-inner{transform:translate(-80px)}.card-delete{position:absolute;right:0;top:0;bottom:0;width:80px;background:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.card .category{font-size:16px;font-weight:700}.card .task{font-size:14px;color:#4b5563;margin-top:2px}.card .dates{font-size:13px;color:#6b7280;margin-top:6px}.add-btn{display:block;width:calc(100% - 24px);margin:12px;padding:14px;background:#fff;border:2px dashed #d1d5db;border-radius:12px;font-size:15px;color:#6b7280;font-weight:600}.footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;z-index:20}.btn{width:100%;padding:14px;font-size:16px;font-weight:700;border:none;border-radius:12px;cursor:pointer}.btn-primary{background:#2563eb;color:#fff}.btn-primary:disabled{background:#9ca3af}.btn-secondary{background:#fff;color:#6b7280;border:1px solid #e5e7eb}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:100}.modal{background:#fff;width:100%;max-width:480px;border-radius:16px 16px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.modal h2{margin:0 0 16px;font-size:17px}.modal label{display:block;font-size:13px;color:#6b7280;margin-bottom:4px;margin-top:12px}.modal input{width:100%;padding:12px;font-size:16px;border:1px solid #d1d5db;border-radius:8px;background:#f9fafb}.modal-actions{display:flex;gap:8px;margin-top:20px}.modal-actions .btn{flex:1}.loading,.error{padding:40px 16px;text-align:center;color:#6b7280}.empty{padding:40px 16px;text-align:center;color:#9ca3af}