:root{--primary:#3b82f6;--primary-light:#eff6ff;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{background:#fff;max-width:480px;min-height:100dvh;margin:0 auto}.app-header{border-bottom:1px solid var(--gray-200);z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.logo{color:var(--primary);font-size:18px;font-weight:700;text-decoration:none}.header-nav{gap:8px;display:flex}.header-nav a{color:var(--gray-500);border-radius:20px;padding:6px 14px;font-size:14px;text-decoration:none;transition:all .2s}.header-nav a.active{background:var(--primary-light);color:var(--primary);font-weight:600}.app-main{padding:16px}.card{border:1px solid var(--gray-200);border-radius:var(--radius);background:#fff;margin-bottom:12px;padding:16px}.card-title{margin-bottom:8px;font-size:16px;font-weight:600}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{color:var(--gray-700);border:1px solid var(--gray-300);background:#fff}.btn-sm{padding:6px 12px;font-size:12px}.btn-block{width:100%}.tag{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.tag-green{color:#166534;background:#dcfce7}.tag-yellow{color:#92400e;background:#fef3c7}.tag-red{color:#991b1b;background:#fee2e2}.tag-blue{background:var(--primary-light);color:var(--primary)}input,select,textarea{border:1px solid var(--gray-300);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.form-group{margin-bottom:12px}.form-group label{color:var(--gray-700);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.empty-state{text-align:center;color:var(--gray-500);padding:40px 20px}.empty-state p{margin-top:8px;font-size:14px}.page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-header h2{font-size:20px;font-weight:700}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius) var(--radius) 0 0;background:#fff;width:100%;max-width:480px;max-height:80vh;padding:20px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-header h3{font-size:18px;font-weight:600}.modal-close{color:var(--gray-500);cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px}.alert{border-radius:var(--radius-sm);margin-bottom:12px;padding:10px 14px;font-size:13px}.alert-warning{color:#92400e;background:#fef3c7;border:1px solid #fde68a}