:root{--gap-sm:8px;--gap-md:12px;--gap-lg:20px;--radius:8px;--touch-min:44px}.app-shell{max-width:1150px;margin:0 auto;padding:30px;font-family:Arial,sans-serif}@media (width<=640px){.app-shell{padding:12px}}.form-grid-2{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.form-grid-4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.btn-touch-sm{cursor:pointer;border-radius:4px;min-height:38px;padding:8px 14px;font-size:13px;font-weight:700}.data-table-wrap{display:block}.data-card-list{display:none}@media (width<=720px){.data-table-wrap{display:none}.data-card-list{display:block}}.data-card{border-radius:var(--radius);background:#fff;border:1px solid #eee;margin-bottom:10px;padding:12px 14px;box-shadow:0 1px 3px #00000014}.data-card .dc-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.data-card .dc-title{font-size:15px;font-weight:700}.data-card .dc-sub{color:#666;font-size:12px}.data-card .dc-field{color:#333;margin-top:4px;font-size:13px}.data-card .dc-field b{color:#222}.data-card .dc-actions{border-top:1px dashed #eee;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;display:flex}.data-card .dc-actions button,.data-card .dc-actions select{flex:1;min-width:90px}