*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;font-family:system-ui,sans-serif}.header{background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.btn-create{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:8px 16px}.board{grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 24px;display:grid}.column{background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px}.column-header{border-bottom:1px solid #eee;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;display:flex}.column-dot{border-radius:50%;width:8px;height:8px}.column-dot.placed{background:#f59e0b}.column-dot.packaged{background:#3b82f6}.column-dot.shipped{background:#8b5cf6}.column-dot.delivered{background:#22c55e}.column-title{text-transform:uppercase;font-size:.85rem;font-weight:600}.column-count{color:#999;margin-left:auto;font-size:.75rem}.order-card{border:1px solid #eee;border-radius:6px;margin-bottom:8px;padding:10px}.order-card-name{margin-bottom:4px;font-weight:600}.order-card-detail{color:#666;margin-bottom:2px;font-size:.8rem}.order-card-detail span{color:#333}.order-card-items{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.item-tag{background:#f0f0f0;border-radius:4px;padding:2px 6px;font-size:.7rem}.order-card-actions{gap:6px;margin-top:8px;display:flex}.btn-edit,.btn-delete{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;flex:1;padding:4px;font-size:.75rem}.btn-edit:hover{color:#fff;background:#4f46e5;border-color:#4f46e5}.btn-delete:hover{color:#fff;background:#ef4444;border-color:#ef4444}.modal-overlay{background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:400px;padding:24px}.modal h2{margin-bottom:16px}.form-group{margin-bottom:12px}.form-group label{color:#666;margin-bottom:4px;font-size:.8rem;display:block}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;width:100%;padding:8px;font-size:.875rem}.items-list{flex-direction:column;gap:6px;display:flex}.item-row{gap:6px;display:flex}.item-row input{border:1px solid #ddd;border-radius:4px;flex:1;padding:8px}.btn-remove-item{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;width:32px}.btn-add-item{color:#666;cursor:pointer;background:#fff;border:1px dashed #ccc;border-radius:4px;margin-top:4px;padding:6px;font-size:.8rem}.modal-actions{gap:8px;margin-top:16px;display:flex}.btn-submit{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:4px;flex:1;padding:8px}.btn-cancel{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;flex:1;padding:8px}.empty-column{text-align:center;color:#999;padding:16px 0;font-size:.8rem}